A SKETCHY HISTORY 1996 • Core Fonts Developed by Microsoft 1998 • CSS2 introduced the @font-face rule 2005 • sIFR (Scalable Inman Flash Replacement) October 2008 • Font Squirrel goes live 2009 • Typekit goes liveMay 19, 2010 • Google Introduces their Font API & Directory May 2010 • Fonts.com Web Fonts goes live
WHAT TOOK SO LONG? Three main reasons: Foundries. Licensing. Pricing.
TODAY & YOU Font Squirrel • Quality & Free for Commercial Use @font-face kits and @font-face generator Google Web Fonts • Reliability & Free includes 436 Font Families & Growing as Google Funds Fonts.com Web Fonts • Affordable & Quality$10/month for 20,000 fonts & 250,000 page views/month Typekit • Highest Quality & Affordable$49.99/year 707 Font Families & 500,000 page views/month
TRIVIA QUESTIONOf the websites discussed in the past few slides, which was acquired by Adobe last October?
THINGS TO WATCH FOR TRUE OR FALSE: Embedded font sizes are consistent across browsers. • FALSE TRUE OR FALSE: When using embedded fonts, font-families (fall-backs) are not necessary. • FALSE Example: WRONG: font-family:Avenir LT W01 55 Roman;RIGHT: font-family:Avenir LT W01 55 Roman, "Helvetica Neue", Arial, Helvetica, sans-serif; MOST IMPORTANT!Avoid using font-weight with embedded fonts.