La typographie, mon navigateur et moi
Upcoming SlideShare
Loading in...5
×
 

La typographie, mon navigateur et moi

on

  • 8,849 views

Conférence donnée à Paris Web 2011

Conférence donnée à Paris Web 2011

Statistics

Views

Total Views
8,849
Views on SlideShare
2,721
Embed Views
6,128

Actions

Likes
4
Downloads
21
Comments
0

21 Embeds 6,128

http://typographisme.net 3697
http://jeremie.patonnier.net 1164
http://www.paris-web.fr 661
http://oseox.fr 515
http://rss.remitaines.fr 36
http://www.newsblur.com 12
http://lanyrd.com 10
http://a0.twimg.com 6
http://fabricer 4
http://rss.brss.me 4
http://reader.aol.com 3
http://www.gchagnon.fr 3
http://www.mybestcv2.co.il 3
http://us-w1.rockmelt.com 2
http://cloud.feedly.com 2
http://www.typographisme.net 1
http://jeremycapo 1
http://127.0.0.1 1
http://paper.li 1
http://www.faveous.com 1
http://herculanum.dscloud.me 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

La typographie, mon navigateur et moi La typographie, mon navigateur et moi Presentation Transcript

  • La typographie ,mon navigateur et moi — Paris Web 2011 Par Jérémie Patonnier @JeremiePat / @typographisme
  • 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 Caractères)ISO Latin (512 Caractères)Unicode (Presque tous)
  • Les formats de fonteLes principaux formatsPostScriptTrueTypeOpenTypeWOFFMais aussi  : SVG, EOT
  • Les formats de fonteLes options OpenType Hinting Kerning Ligatures Petites cap. Etc.
  • Linfluence des OS Différents moteurs de rendus Mac OS  : CoreTextWindows 7  : DirectDraw / GDIWindows XP  : GDILinux  : FreeType 2  ?
  • 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 + ClearTypeAttention à IE7 et 8IE7 utilise ClearTypeIE8 utilise ClearType etforce le système à lutiliser
  • 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 fonteshttp://www.fontsquirrel.com
  • Merci :) — @JeremiePat @typographisme —http://typographisme.net