Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
La typographie ,mon navigateur et moi             —      Paris Web 2011    Par Jérémie Patonnier   @JeremiePat / @typograp...
Un peu dhistoireTaille de pierre et calligraphie
Un peu dhistoireGutenberg et les caractères amovibles
Un peu dhistoireLa révolution numérique : La PAO et le Web
Lencodage des caractèresUn ordinateur nest quune machine à calculer
Lencodage des caractères                  Différentes normes dencodage US ASCII      (128 Caractères)Windows/Mac   (256 Ca...
Les formats de fonteLes principaux formatsPostScriptTrueTypeOpenTypeWOFFMais aussi  : SVG, EOT
Les formats de fonteLes options OpenType                           Hinting                           Kerning              ...
Linfluence des OS                      Différents moteurs de rendus Mac OS  :       CoreTextWindows 7  :    DirectDraw / G...
Linfluence des OS              Différentes gestion de lanti-aliasing ClearTypestandardsno-antialiasing
Les navigateursQui utilise quoi ?Les navigateurs suivent lOSMac OS : Core TextWinXP : GDI + StandardsWin7 : GDI/DirectDraw...
Les navigateursCSS @font-faceEn gros, ça marche partoutEn détail... euh... presque
Les navigateursCSS3 Font & CSS3 Textfont-variant-*hyphens (Césures)text-align : <string>text-decorationtext-shadow
Des solutions simplesKISS is back !Testez vos fonteshttp://webfontspecimen.comhttp://wfs.typographisme.netOptimisez vos fo...
Merci :)          —    @JeremiePat   @typographisme          —http://typographisme.net
Upcoming SlideShare
Loading in …5
×

La typographie, mon navigateur et moi

11,306 views

Published on

Conférence donnée à Paris Web 2011

Published in: Technology
  • Be the first to comment

La typographie, mon navigateur et moi

  1. 1. La typographie ,mon navigateur et moi — Paris Web 2011 Par Jérémie Patonnier @JeremiePat / @typographisme
  2. 2. Un peu dhistoireTaille de pierre et calligraphie
  3. 3. Un peu dhistoireGutenberg et les caractères amovibles
  4. 4. Un peu dhistoireLa révolution numérique : La PAO et le Web
  5. 5. Lencodage des caractèresUn ordinateur nest quune machine à calculer
  6. 6. Lencodage des caractères Différentes normes dencodage US ASCII (128 Caractères)Windows/Mac (256 Caractères)ISO Latin (512 Caractères)Unicode (Presque tous)
  7. 7. Les formats de fonteLes principaux formatsPostScriptTrueTypeOpenTypeWOFFMais aussi  : SVG, EOT
  8. 8. Les formats de fonteLes options OpenType Hinting Kerning Ligatures Petites cap. Etc.
  9. 9. Linfluence des OS Différents moteurs de rendus Mac OS  : CoreTextWindows 7  : DirectDraw / GDIWindows XP  : GDILinux  : FreeType 2  ?
  10. 10. Linfluence des OS Différentes gestion de lanti-aliasing ClearTypestandardsno-antialiasing
  11. 11. Les navigateursQui utilise quoi ?Les navigateurs suivent lOSMac OS : Core TextWinXP : GDI + StandardsWin7 : GDI/DirectDraw + ClearTypeAttention à IE7 et 8IE7 utilise ClearTypeIE8 utilise ClearType etforce le système à lutiliser
  12. 12. Les navigateursCSS @font-faceEn gros, ça marche partoutEn détail... euh... presque
  13. 13. Les navigateursCSS3 Font & CSS3 Textfont-variant-*hyphens (Césures)text-align : <string>text-decorationtext-shadow
  14. 14. Des solutions simplesKISS is back !Testez vos fonteshttp://webfontspecimen.comhttp://wfs.typographisme.netOptimisez vos fonteshttp://www.fontsquirrel.com
  15. 15. Merci :) — @JeremiePat @typographisme —http://typographisme.net

×