Comment configurer la famille de police sur les pages web HTML5 et CSS3

Pour attribuer une famille de polices à une partie de votre page, utiliser une nouvelle CSS. A titre d'exemple, cette page a mis le cap au Comic Sans MS. Si cette page est affichée sur une machine Windows, il affiche généralement la police correctement parce que Comic Sans MS est installé avec la plupart des versions de Windows. Si vous êtes sur un autre type de machine, vous pouvez obtenir quelque chose d'autre. Regardez le cas simple.

Voici le code:

comicHead.html

Ceci est une rubrique

Ceci est un texte ordinaire.




Le secret de cette page est l'attribut CSS. Comme la plupart des éléments de CSS, ce qui peut être appliquée à tout tag HTML sur votre page. Dans ce cas particulier, il a été appliqué à l'échelle une rubrique.

 h1 {font-family: "Comic Sans MS" -}

Vous pouvez ensuite attacher un nom de police que vous souhaitez, et le navigateur tente d'utiliser cette police pour afficher l'élément.

Même si une police peut fonctionnera parfaitement sur votre ordinateur, il peut ne pas fonctionner si cette police est pas installé sur la machine de l'utilisateur.

image0.jpg

Si vous exécutez exactement la même page sur un iPad, vous pourriez voir ce résultat.

image1.jpg

Le Comic Sans MS police spécifique est installé sur les machines Windows, mais le MLLE se dresse pour Microsoft. Cette police est pas toujours installé sur Linux ou Mac. (Parfois, il est là, et il est parfois pas.) Vous ne pouvez pas compter sur les utilisateurs ayant toutes les polices installées particuliers.

La police Comic Sans est très bien pour un exemple, mais il a été largement sur-utilisé dans le développement web. Développeurs web graves éviter de l'utiliser dans des applications réelles, car il tend à faire de votre page regarde amateur.


» » » » Comment configurer la famille de police sur les pages web HTML5 et CSS3