Oui on en a tous rêvé un jour ! Mettre notre police préférée sur notre site web ! Et bien c'est possible avec tous les navigateurs !
- Internet Explorer 4+
- Safari / Webkit 3.1+
- Firefox 3.5+
- Opera 10
- Chrome 4+
Le problème c'est que chaque navigateur ne gère pas tous les formats de font
(otf, eot, ttf).
Et internet explorer ne gère que eot.
Voici le code à mettre dans votre css
/* Pour IE fichier eot */
@font-face {
font-family: "mapolice"; src: url("police.eot");
}
/* TTF pour les autres */
@font-face {
font-family: "mapolice";
src: url("police.ttf") format("TrueType?");
}
Ainsi dans votre Css vous pourrez faire :
.maclass{
font-family:"mapolice";
}
Et là vous aller me dire "AAAAAAAH" j'ai pas de fichier EOT pour internet
explorer.
Et bien cerise sur le paquebot : il existe un utilitaire gratuit et
open-source (linux/windows) pour générer un EOT à partir d'un TTF.
TTF2EOT à voir ici
https://code.google.com/p/ttf2eot/