Outils pour utilisateurs

Outils du site


informatique:web:webfont

Table des matières

WebFont

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

informatique/web/webfont.txt · Dernière modification: 20/07/2017 08:09 par cyrille