Font personalisée avec font-face

Comment utiliser une fonte «non-standard» sur un site Web ?
Il est de notoriété publique que l’usage des fontes sur le Web est limité à une poignée de fontes non pas standardisées, mais suffisamment répandues pour pouvoir être utilisées sans trop de risques. Et cela pour une raison très simple: la police de caractères que l’on souhaite utiliser doit être présente sur le système de l’utilisateur pour être utilisée par le navigateur.

Les solutions
Utiliser des plateformes de partage de fonts comme Google Web Font
Utiliser @font-face

@font-face { font-family: "Ma Super Fonte"; src: url('MaSuperFonte-Regular.ttf'); } @font-face { font-family: "Ma Super Fonte"; font-style: italic; src: url('MaSuperFonte-Italic.ttf'); } @font-face { font-family: "Ma Super Fonte"; font-weight: bold; src: url('MaSuperFonte-Bold.ttf'); }

Encoder une font existante avec http://www.fontsquirrel.com/fontface/generator

Créer sa font :
[TUTORIAL] Créer votre police
http://www.dafont.com/fr/forum/read/94/tutorial-creer-votre-police

Comments are closed.