WebFont

Voir aussi: css/fonts-and-formatting

Polices standards pour le Web (Web-safe fonts)

font-family: Arial, Helvetica, Verdana, sans-serif;

• Police souhaitée : Arial
• Police alternative : Helvetica et verdana
• Famille : sans-sérif

Un peu d'hitoire: http://onfaitduweb.com/accessibilite/polices-standards-pour-le-web-web-safe-fonts/

• SERIF
  • Georgia
  • Times New Roman
• SANS-SERIF
  • Andale Mono
  • Arial
  • Arial Black
  • Impact
  • Trebuchet MS
  • Verdana
  • Webdings
• CURSIVE
  • Comic Sans MS
• MONOSPACE
  • Courier New

CSS2 specification, which introduced the @font-face rule.

• TrueDoc (PFR)
• Embedded OpenType (EOT)
• Web Open Font Format (WOFF) are formats

http://en.wikipedia.org/wiki/Web_typography

• TrueType/OpenType
  • Main articles: TrueType and OpenType
  • Linking to industry-standard TrueType (TTF) and OpenType (TTF/OTF) fonts are supported by Mozilla Firefox 3.5+, Opera 10+,[13] Safari 3.1+,[14] Google Chrome 4.0+.[15] Internet Explorer 9+ will support only those fonts with embedding permissions set to installable.[16]
• Web Open Font Format
  • Main article: Web Open Font Format
  • WOFF has been supported by Mozilla Firefox 3.6+,[17] Google Chrome 5+,[18][19] Opera Presto,[20] and is supported by Internet Explorer 9 (since March 14, 2011).[21] Support is available on Mac OS X Lion's Safari from release 5.1.

The Web Open Font Format (WOFF) is a font format for use in web pages. It was developed during 2009[2] and is now a World Wide Web Consortium (W3C) Recommendation.[3]

• http://www.red-team-design.com/google-font-api-and-typekit-solutions-vs-font-face
• http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html

@font-face {
 font-family: 'afta-serif-regular';
 src: url('AftaSerifThin-Regular-webfont?') format('eot'),
     url('AftaSerifThin-Regular-webfont.otf') format('truetype'),
     url('AftaSerifThin-Regular-webfont.woff') format('woff'),
     url('AftaSerifThin-Regular-webfont.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}	 
p {
 font-family: afta-serif-regular, serif;
}

Des fonts libres ou/et gratuites

• http://www.fontsquirrel.com
• http://fonts.mafia-server.net
• http://www.font-zone.com
• http://www.eaglefonts.com

Icons as Font

• Font Awesome
• GitHub's icons

Google fonts helper: https://gwfh.mranftl.com/fonts

Font identification : http://www.myfonts.com/WhatTheFont/

Comment convertir une font en .TTF .EOT .WOFF .SVG http://www.bugz.fr/2011/06/comment-convertir-une-font-en-ttf-eot-woff-svg/

http://www.font2web.com/

http://www.typetester.org/