la typographie, mon navigateur et moi
DESCRIPTION
Conférence donnée à Paris Web 2011TRANSCRIPT
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