====== 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/