PHPascal.com

PHPAscal rouge2 (Version bleu)


Programmation web CSS HTML PHP Jquery Javascript Wordpresse RSS SQL SSH, serveur linux Outils
  PHPascal a 147 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Programmation web / CSS / ajout police non stadard a une page web

Ajout d'une police en css

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 :
Trouver d'abord une police au format ttf, si vous avez uniquement la version .otf de la police vous pouver 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 sur votre site web.

Ajouter du code css pour utiliser votre police
@font-face { 	font-family: "Ma_Super_Fonte"; 	src: url('../font/SCRIPTIN.ttf'); }


Pour IE le code est différent soit :
@font-face { font-family: "Ma_Super_Fonte"; src: url('../font/SCRIPTIN.eot');
}


Par la suite vous pouver en CSS utilisé la police : "Ma_Super_Fonte"  H1 {
font-family:Ma_Super_Fonte, "Trebuchet MS", Arial, Helvetica, sans-serif;  }

Article écrit le 4 février 2011
Article modifié le 26 août 2011

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2024
Temps d'exécution : 0.0039 sec
Imprimer le 21 November 2024 - 05:11:54
par Pascal Dubreuil organisateur du Marathon roller du Canada