Web font services: March 2011

Web Font Services Fort Collins Internet Professionals March 24, 2011

Same old web-safe fonts http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Where we’re headed ,[object Object]

1280 x 800 1280 x 800 Flickr: goodrob13

In the past, to use creative fonts ,[object Object]

In the past, to use other fonts ,[object Object]

In the past, to use creative fonts ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://randsco.com/index.php/2009/07/04/p680

What we want: ,[object Object],[object Object],[object Object],[object Object]

Did you know? ,[object Object]

Did you know? ,[object Object],[object Object]

1280 x 800 Photo: Steve Rhodes 16 : 9 Photo: Steve Rhodes Flickr: iFranky

Browser inconsistency ,[object Object]

CSS basic @font-face syntax ,[object Object],[object Object],[object Object],[object Object]

Convergent solution: CSS3 @font-face ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://webfonts.info/wiki/index.php?title=%40font-face_browser_support

General technique ,[object Object],[object Object],[object Object],[object Object],[object Object]

CSS basic @font-face syntax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Font file types ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

@font-face Cross-Browser Syntax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Web font services & providers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Examples ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

FontSquirrel ,[object Object],[object Object]

FontSquirrel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Testing ,[object Object],[object Object]

Google Font API ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Typekit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Typekit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

WebINK ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Technical issues ,[object Object],[object Object],[object Object],[object Object]

Technical solutions ,[object Object],[object Object],[object Object],[object Object],[object Object]

Rules for Good Type ,[object Object],[object Object],[object Object],[object Object],Stephen Coles, SXSW 2011 http://typographica.org/2011/on-typography/intro-to-typeface-selection/

Choose a good typeface ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Stephen Coles http://typographica.org/2011/on-typography/intro-to-typeface-selection/

Don't use too many ,[object Object],[object Object],[object Object],[object Object],[object Object],Stephen Coles, SXSW 2011 http://typographica.org/2011/on-typography/intro-to-typeface-selection/

Have a clear hierarchy ,[object Object],[object Object],Stephen Coles, SXSW 2011 http://typographica.org/2011/on-typography/intro-to-typeface-selection/

If in doubt, read it ,[object Object],Stephen Coles, SXSW 2011 http://typographica.org/2011/on-typography/intro-to-typeface-selection/

Terms and tips ,[object Object],[object Object],[object Object],[object Object],[object Object],Jason Santa Maria, SXSW 2011 http://typographica.org/2011/on-typography/intro-to-typeface-selection/

Type rendering: APIs (OS dependent) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Apple vs. Microsoft: Philosophy ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://blog.typekit.com/2010/10/15/type-rendering-operating-systems/

Type Rendering: Browsers ,[object Object],[object Object],[object Object],[object Object],http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Type Rendering: Browsers ,[object Object],[object Object],[object Object],http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Type Rendering: Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Type Rendering: Browsers ,[object Object],[object Object],[object Object],[object Object],[object Object],http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Browser Testing (for Type) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Resources ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Resources ,[object Object],[object Object],[object Object],[object Object]

Resources – web font loader ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Examples of web font services in use ,[object Object],[object Object]

Where to find me ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Web font services: March 2011

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie Web font services: March 2011

Ähnlich wie Web font services: March 2011 (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Web font services: March 2011