Twins
Invité n'ayant pas de compte PHPfrance
11 avr. 2012, 19:24
Pour ajouter un font pour afficher sur un site web si un internaute n'a pas la police il existe une solution assez simple qui est compatible avec les différents navigateurs.
Étapes 1 :
Trouver d'abord une police au format ttf, si vous avez uniquement la version .otf de la police vous pouvez la convertir via le site web suivant :
http://www.freefontconverter.com/
Avec le fichier de votre police au format .ttf et faire une version .eot de cette police.
Avec le site web :
http://ttf2eot.sebastiankippe.com/
Metter ces 2 polices dans un dossier ''fonts'' dans le dossier de votre site web.
ttf : pour tous les navigateurs
eod : pour ie
Pour charger la police mettre dans le fichier css :
@font-face {
font-family: 'nom de la police';
src: url('fonts/nom de la police.eot?') format('eot'),
url('fonts/nom de la police.woff') format('woff'),
url('fonts/nom de la police.ttf') format('truetype');
}
Indiquer la police chargé avec dans votre div comme ça :
font-family: nom de la police ;