Comment faire une liste de polices pour votre HTML5 et CSS3 pages Web en fonction

L'incertitude de savoir si vos polices seront affichées correctement sur votre page web HTML5 et CSS3 est frustrant, mais vous pouvez prendre un certain contrôle. Vous pouvez spécifier une liste complète des noms de police si vous voulez. Le navigateur tente de chaque police à son tour. Si elle ne peut pas trouver la police spécifiée, il va à la police suivante et sur toute la ligne.

Vous pouvez choisir une police qui vous le savez est installé sur toutes les machines Windows, une police trouvé sur Mac, et enfin celle qui se trouve sur toutes les machines Linux. Le dernier police sur votre liste devrait être l'une des polices génériques, de sorte que vous aurez un certain contrôle sur le scénario le plus pessimiste.

Ces polices sont généralement installés sur des machines Windows, Mac et Linux.

FenêtresMacLinux
ArialArialNimbus Sans L
Arial BlackArial Black
Comic Sans MSComic Sans MSTSCu_Comic
Courier NewCourier NewNimbus Mono L
GéorgieGéorgieNimbus Roman No9 L
Lucida ConsoleMonaco
PalatinoPalatinoFreeSerif
TahomaGenèveKalimati
Times New RomanFoisFreeSerif
Trebuchet MSHelveticaFreeSans
VerdanaVerdanaKalimati



Vous pouvez utiliser ce tableau pour obtenir une liste des polices à essayer. Par exemple, regardez le style suivant:

p {font-family: "Trebuchet MS", Helvetica, FreeSans, sans-serif-}

Ce style a tout un assortiment d'options. Tout d'abord, le navigateur tente de charger Trebuchet MS. Si il est une machine Windows, cette police est disponible, de sorte que l'on affiche. Si cela ne fonctionne pas, le navigateur essaie Helvetica. Si cela ne fonctionne pas, il essaie FreeSans, une police souvent installés sur des machines Linux. Si cela ne fonctionne pas, il est par défaut à l'ancienne sans serif fidèles, qui prend tout simplement une police sans serif.

Notez que les noms de police de plus d'un mot doivent être enfermés dans des citations, et les virgules séparent la liste de noms de police.

Ne soyez pas trop insisté sur les polices Linux. Il est vrai que les équivalences sont plus difficiles à trouver, mais les utilisateurs de Linux ont tendance à tomber en deux camps: Soit ils ne se soucient pas si les polices sont exactes, ou ils ne se soucient et ils ont installé des polices équivalentes qui reconnaissent les noms communs. Dans les deux cas, vous pouvez vous concentrer sur Mac et Windows de personnes, pour la plupart.


» » » » Comment faire une liste de polices pour votre HTML5 et CSS3 pages Web en fonction