Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

2. Hacking with Style > Hack 13. Use Google Web Fonts for Simple @font-face Imp...

Hack 13. Use Google Web Fonts for Simple @font-face Implementation

Web fonts are great for your design, but they can sometimes be a hassle to manage. Google Web Fonts makes the implementation simple, and the management even simpler.

Special thanks go to Dave Crossland from the Google Web Fonts team for contributing to the content of this hack. Dave is a libre fonts specialist and can be found at @davelab6 on Twitter.

As you learned in [Hack #12], CSS3 web fonts can be a powerful design tool. They allow you to use any font you want, whether the user has that font installed or not. With all the benefits that come along with using web fonts, there are a few drawbacks as well.

I mentioned previously that fonts can sometimes be resource-intensive, and they take time to load from a server and to render on a page. In most browsers (all but Firefox at the time of this writing) this means your user doesn’t see any of your web-font-enabled text until the fonts are fully loaded. This could be a less-than-desirable experience for a user who is waiting for a few fancy fonts to load.


  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint