====== WebFont ======
Voir aussi: [[/informatique/web/css#fonts-and-formatting|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]
* 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;
}
===== Divers =====
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
* [[http://fontawesome.io/|Font Awesome]]
* [[https://octicons.github.com/|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/