Trouver une bonne pile de polices qui transmet à la fois le style de votre site web mais est également fiable sur la majorité des sites Web peut être délicat. Si vous utilisez des polices non sécurisées pour le Web, votre site Web risque de ne pas ressembler à ce que vous souhaitez lorsque le navigateur substitue quelque chose de surprenant à votre police de fantaisie.
Ces piles de polices sont séparées par famille (empattement, monospace, etc.). Lorsque vous utilisez une police qui n'est pas une police sécurisée pour le Web, vous devez la mettre d'abord dans votre pile de polices, puis ajouter l'une de ces piles à la fin. Choisissez la pile de polices dont le style est le plus proche et recherchez votre police préférée.
Piles de polices Web Safe Sans Serif
Le texte sans empattement est bon pour la lecture sur les pages Web car il n'y a pas d'empattement pour devenir flou à l'écran.
famille de polices: Arial, Helvetica, sans-serif ;
famille de polices: 'Arial Black', Gadget, sans-serif ;
famille de polices: Impact, Charcoal, sans-serif ;
font-family: 'MS Sans Serif', Genève, sans-serif ;
famille de polices: Tahoma, Genève, sans-serif ;
famille de polices: 'Trebuchet MS', Helvetica, sans-serif ;
famille de polices: Verdana, Genève, sans-serif;
Piles de polices Serif Web Safe
Les polices Serif fonctionnent très bien pour les titres. Le type de titres plus large signifie que les empattements ne seront pas flous sur les moniteurs.
famille de polices: 'Book Antiqua', 'Palatino Linotype', Palatino, serif;
famille de polices: Bookman, empattements ;
famille de polices: Géorgie, empattements ;
famille de polices: 'MS Serif', 'New York', serif ;
famille de polices: 'Times New Roman', Times, serif;
Piles de polices à espacement fixe
Les polices à espacement fixe sont généralement utilisées pour rendre le code et d'autres styles de caractères qui s'intègrent le mieux dans une police où tous les caractères ont la même largeur, comme les polices de machine à écrire.
font-family: Courier, monospace ;
font-family: 'Courier New', Courier, monospace ;
famille de polices: 'Lucida Console', Monaco, monospace;
Piles de polices cursives
Les polices cursives peuvent être difficiles à lire, et la plus courante sur la plupart des systèmes (Comic Sans) est détestée par autant de personnes qu'elle l'aime.
font-family: 'Comic Sans MS', cursive;
Piles de polices fantastiques
Comme les polices cursives, les polices fantastiques peuvent être difficiles à lire, et elles sont encore moins courantes sur la plupart des systèmes. En fait, vous remarquerez peut-être que j'utilise la même pile de polices que celle que j'ai utilisée ci-dessus dans le sans serif catégorie, c'est parce que l'impact et le charbon de bois sont si distincts que certaines personnes les considèrent comme de la fantaisie polices.
famille de polices: Impact, Charcoal, fantasy;
Dingbats, Wingdings ou Piles de polices de symboles
Les dingbats ou wingdings sont des polices de symboles qui affichent de petites icônes ou des images au lieu de lettres. Il n'y a pas de type de police générique pour ceux-ci, et certains ordinateurs peuvent donc afficher des polices très différentes de celles que vous attendez. De plus, seulement Internet Explorer affichera les symboles. Firefox et les autres navigateurs affichent simplement le texte dans la police par défaut du navigateur.
font-family: Symbole ;
font-family: Webdings ;
famille de polices: Wingdings, 'Zapf Dingbats';