Une police personnalisée avec @font-face ou Google Font
L’utilisation de polices personnalisées a toujours été un problème pour les développeurs et webdesigners. Une image de texte est affichée correctement par tous les navigateurs, mais un texte peut être référencé et sélectionné. Il est à présent possible grâce à la propriété @font-face d’embarquer des polices sur son site, et que celles-ci s’affichent correctement même si l’utilisateur n’a pas la police installée.
Avant toute chose il est important de savoir quels navigateurs implémentent la fonctionnalité @font-face… Alors vous allez me dire « A tous les coups ça ne va pas marcher sur IE ! », eh bien si ! Internet Explorer reconnait la propriété @font-face ! Mais attendez une seconde… Vous vous doutez bien que ce serait un peu trop simple qu’IE respecte les standards comme tout le monde. Effectivement, il y a quand même un hic, c’est qu’IE ne sait interpréter que son propre format de police, qui lui, n’est pas du tout standard… Mais rassurez-vous, à la fin de ce tutoriel, vous aurez une belle police sur tous les navigateurs ! ... Voir le tuto complet sur http://www.html5-css3.fr/css3/polic...
Un exemple :