Table des matières
WebFont
Voir aussi: css/fonts-and-formatting
Web-safe fonts
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
Web Fonts
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]
@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; }
Divers
Des fonts libres ou/et gratuites
Icons as Font
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/