The Book of CSS3 - A Developer\'s Guide to the Future of Web Design (2nd edition)

(C. Jardin) #1

62 Chapter 5


Summary


While font-size-adjust and font-stretch will surely come in handy in the
future, for now @font-face is the killer feature of the Web Fonts Module.
@font-face is not without its drawbacks, however, not least that every extra
font you use adds to the page’s load time. Also be aware that misuse or over-
use of different typefaces can lead to decreased legibility. Your site lives or
dies on its content, so make sure your visitors can read it by choosing your
fonts carefully and checking them closely across different browsers.
Despite those caveats, you can use this simple rule to amazing effect. In
Chapter 6, I’ll show you some ways to further enhance your typography.

Web Fonts: Browser Support


Chrome firefox safari ie
@font-face Yes Yes Yes Yes
font-size-adjust No Yes No No
font-stretch No Yes No Yes
font-feature-settings Yes Yes No IE10
font-variant-* Yes* No Yes* No
* Requires vendor prefix
Free download pdf