How to use Google Web Fonts with Typo3/TypoScript

For integrating Google Web Fonts into Typo3 you need the following TypoScript:

page.includeCSS {  
  file5 = http://fonts.googleapis.com/css?family=Marvel:400,400italic,700,700italic
  file5.external = 1
  file5.media = all
}

 
Attention: The included CSS must be external=1 and media=all!
 
After that, you are able to declare your font by using CSS as usual:

.webFont {
  font-family: 'Marvel',Arial,Helvetica,sans-serif;
}
  1. No comments yet.

  1. January 22nd, 2012
    Trackback from : URL