15. Where are the Web Fonts?
• Type Foundries
• Web Font Services
16. Technology
Self-hosting
Web Font Services
• Fonts on your servers
• Service hosts fonts
• You code CSS variants
• Bit of code to your CSS
• You maintain fonts
• Service maintains fonts
• You test browser support
• Service tests browser updates
29. Faux Styling
Adobe Caslon Pro - Regular
Faux italicized Adobe Caslon Pro - Regular
Adobe Caslon Pro - Italic
30. Test across all browsers
• Font Rendering is OS dependent
• Use Adobe BrowserLab, Browsershots, etc.
• Windows is most finicky
• Test with the lowest quality expected
32. Resources
Web Font Best Practices - Resources
• blog.webink.com/web-typography-best-practices-
resources/
Web Font Plug-in for Photoshop
• webfontplugin.com
Font testing on live sites
• www.webink.com/fontdropper
Connect on Twitter
• @extensis
• @webink
• @jimkidwell