19. Web font formats
Today there are 4 typical Web font formats:
• TrueType® (.TTF) or OpenType® (.OTF)
• EOT (Embedded OpenType)
• SVG (Scalable Vector Graphics fonts)
• WOFF (Web Open Font Format)
20. Technology moves quickly
97.5% of desktop browsers support Web fonts
WOFF is only supported by 38% of browsers
Source: W3Schools.com April 2011, Kombinat-typefounders.com May 2011
27. Web fonts hosting services
Web designers simply add a link to their CSS
The service does the heavy-lifting
Automatic updating of fonts/browser support
Subscription service vs. one-time license fee
29. Differences in font rendering
Fonts look different on Mac®, Windows®,
Android™ systems
> If you design on a Mac, proof on a PC
30. Not all fonts look good on screen
Legacy “desktop” fonts made for print output
Text vs. Headline fonts
New fonts are being designed for the screen
31. Font file size
On the Web, it’s all about latency!
Ways to optimize fonts
> Subset characters for language support
> Remove OpenType features
> Use file compression
32. OpenType features in CSS3
Coming soon to all browsers?
Firefox test page:
http://catalog.monotypeimaging.com/demo/ot.aspx
39. “Type well used is invisible as type,
just as the perfect talking voice
is the unnoticed vehicle for the
transmission of words, ideas.”
Beatrice Warde
The Crystal Goblet, 1955
40. Thank You!
Bill Davis
Bill@Fonts.com
Typefaces used: Akko™ designed by Akira Kobayashi, 2011