La typographie , mon navigateur et moi

—Paris Web 2011

Par Jérémie Patonnier

@JeremiePat / @typographisme

Un peu d'histoireTaille de pierre et calligraphie

Un peu d'histoireGutenberg et les caractères amovibles

Un peu d'histoireLa révolution numérique : La PAO et le Web

L'encodage des caractèresUn ordinateur n'est qu'une machine à calculer

L'encodage des caractèresDifférentes normes d'encodage 

US ASCII (128 Caractères)Windows/Mac (256 Caractères)ISO Latin (512 Caractères)Unicode (Presque tous)

PostScriptTrueTypeOpenTypeWOFF

Mais aussi  : SVG, EOT

Les formats de fonteLes principaux formats

HintingKerning

LigaturesPetites cap.

Etc.

Les formats de fonteLes options OpenType

Mac OS  : CoreTextWindows 7  : DirectDraw / GDIWindows XP  : GDILinux  : FreeType 2  ?

L'influence des OSDifférents moteurs de rendus 

ClearTypestandardsno-antialiasing

L'influence des OSDifférentes gestion de l'anti-aliasing 

Les navigateurs suivent l'OSMac OS : Core TextWinXP : GDI + StandardsWin7 : GDI/DirectDraw + ClearType

Attention à IE7 et 8IE7 utilise ClearTypeIE8 utilise ClearType et force le système à l'utiliser

Les navigateursQui utilise quoi ?

En gros, ça marche partoutEn détail... euh... presque

Les navigateursCSS @font-face

font-variant-*hyphens (Césures)text-align : <string>text-decorationtext-shadow

Les navigateursCSS3 Font & CSS3 Text

Testez vos fonteshttp://webfontspecimen.com http://wfs.typographisme.net

Optimisez vos fonteshttp://www.fontsquirrel.com

Des solutions simplesKISS is back !

Merci :)—

@JeremiePat@typographisme

—

http://typographisme.net