WOFF : Démo HTML5
Mise à jour : 2017-01-22
Le Web Open Font Format (WOFF)
est un format de police de caractère comprimée pour un usage sur les sites web,
plus compacte que les polices EOT,
SVG et TrueType.
WOFF
Cette spécification ne fait pas partie de HTML5.
Notes sur le tuto
- Si le texte correspond à l'image, alors les polices WOFF sont supportées.
- Limitations :
- Chrome et Firefox sont sensibles sur le format WOFF, ils ne rendront pas la police si vous la convertissez n'importe où.
- Convertisez vos polices au format WOFF.
- Police "Starcraft" de l'exemple tirée du site Dafont.
Exemple de code HTML5
<!--_woff.css @font-face { font-family: Woff; src: url('font/Starcraft.woff'); } .woff { font: 30px Woff; } --> Texte utilisant la police WOFF : <span class="woff">Web Open Font Format</span><br> Image de référence à comparer : <img src="img/woff.png" title="Police WOFF">
Démonstration du résultat HTML5
Texte utilisant la police WOFF : Web Open Font Format
Image de référence à comparer :