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

9,435

Published on

Conférence donnée à Paris Web 2011

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
9,435
On Slideshare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
25
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×