webfonts & @font-face
       in brief
                                      Paul Irish
                       web 2.0 expo...
@font-face




Monday, May 10, 2010
Browser Support
                        @font-face           svg fonts               rich type
                          (...
Browser Support
                        @font-face           svg fonts               rich type
                          (...
97% SUPPORT OF @FONT-FACE
                                      IE 6.0
                                       10%         ...
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Acquiring fonts
           Free fonts
               Fontsquirrel, League of Movable Type,
               WebFonts.info wi...
Acquiring fonts
           Free fonts
               Fontsquirrel, League of Movable Type,
               WebFonts.info wi...
Acquiring fonts
           Free fonts
               Fontsquirrel, League of Movable Type,
               WebFonts.info wi...
Acquiring fonts
           Free fonts
               Fontsquirrel, League of Movable Type,
               WebFonts.info wi...
Font Squirrel Generator




Monday, May 10, 2010
Font Squirrel Generator




Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
FontSpring




Monday, May 10, 2010
FontSpring




Monday, May 10, 2010
FontSpring




Monday, May 10, 2010
Monday, May 10, 2010
Monday, May 10, 2010
Upcoming SlideShare
Loading in...5
×

webfonts & @font-face :: in brief

3,379

Published on

An overview (sans words) of where webfonts are in May 2010.

Published in: Technology

webfonts & @font-face :: in brief

  1. 1. webfonts & @font-face in brief Paul Irish web 2.0 expo : May 6, 2010 Monday, May 10, 2010
  2. 2. @font-face Monday, May 10, 2010
  3. 3. Browser Support @font-face svg fonts rich type (eot or ttf/otf) (uses @font-face) libraries (sIFR, Cufon, etc) IE IE 5+ --- IE 6+ Firefox FF 3.5 FF 3.5 + FF 2+ (.woff in 3.6) Safari Saf 3.1+ Saf 3.1+ 3+ (incl. mobile safari) Chrome Chrome 4.0 Chrome 0.3+ 1+ (stable) Opera Opera 10 Opera 9 9.2+ (sometimes) Monday, May 10, 2010
  4. 4. Browser Support @font-face svg fonts rich type (eot or ttf/otf) (uses @font-face) libraries (sIFR, Cufon, etc) IE IE 5+ --- IE 6+ Firefox FF 3.5 FF 3.5 + FF 2+ (.woff in 3.6) Safari Saf 3.1+ Saf 3.1+ 3+ (incl. mobile safari) Chrome Chrome 4.0 Chrome 0.3+ 1+ (stable) Opera Opera 10 Opera 9 9.2+ (sometimes) Monday, May 10, 2010
  5. 5. 97% SUPPORT OF @FONT-FACE IE 6.0 10% IE 8.0 25% IE 7.0 17% Firefox 3.0 3% Saf3, Opera, Chrome Firefox 3.5+ 15% 27% Safari 4.0 4% Monday, May 10, 2010
  6. 6. Monday, May 10, 2010
  7. 7. Monday, May 10, 2010
  8. 8. Monday, May 10, 2010
  9. 9. Monday, May 10, 2010
  10. 10. Monday, May 10, 2010
  11. 11. Monday, May 10, 2010
  12. 12. Monday, May 10, 2010
  13. 13. Monday, May 10, 2010
  14. 14. Monday, May 10, 2010
  15. 15. Acquiring fonts Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
  16. 16. Acquiring fonts Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
  17. 17. Acquiring fonts Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
  18. 18. Acquiring fonts Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
  19. 19. Font Squirrel Generator Monday, May 10, 2010
  20. 20. Font Squirrel Generator Monday, May 10, 2010
  21. 21. Monday, May 10, 2010
  22. 22. Monday, May 10, 2010
  23. 23. Monday, May 10, 2010
  24. 24. FontSpring Monday, May 10, 2010
  25. 25. FontSpring Monday, May 10, 2010
  26. 26. FontSpring Monday, May 10, 2010
  27. 27. Monday, May 10, 2010
  28. 28. Monday, May 10, 2010
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×