Des options de style simples vous permettent de modifier la police (ou le type) d'une page Web à l'aide de CSS (feuilles de style en cascade). Vous pouvez définir la police de mots individuels, de phrases spécifiques, de titres, de paragraphes entiers et même de pages entières de texte.
Comment changer la police avec CSS
Vous pouvez apporter les modifications HTML et CSS expliquées ci-dessous à l'aide de n'importe quel éditeur HTML ou éditeur de texte. Vous pouvez soit copier le texte de la page et le coller dans un éditeur pour y apporter les modifications, soit ouvrir la page Web entière dans l'éditeur et le modifier directement.
-
Localisez le texte où vous voulez changer la police. Nous allons utiliser ceci comme exemple:
Ce texte est en Arial
-
Entourez le texte avec l'élément SPAN:
Ce texte est en Arial
-
Ajouter l'attribut style = "" à la balise span:
Ce texte est en Arial
-
Dans l'attribut style, modifiez la police à l'aide de la touche famille de polices style.
Ce texte est en Arial
-
Enregistrez les modifications pour voir les effets.
Conseils d'utilisation de CSS pour changer de police
-
La meilleure approche consiste à toujours avoir au moins deux polices dans votre pile de polices (la liste des polices) afin que, si le navigateur ne dispose pas de la première police, il puisse utiliser la deuxième police à la place.
Séparez les choix de polices multiples par une virgule, comme ceci:
font-family: Arial, Genève, Helvetica, sans-serif;
-
L'exemple expliqué ci-dessus utilise le style en ligne, mais le meilleur type de style utilise une feuille de style externe afin que vous puissiez affecter plus qu'un élément. Vous pouvez utiliser une classe pour définir le style sur des blocs de texte.
Ce texte est en Arial
Dans cet exemple, le fichier CSS permettant de styliser le code HTML ci-dessus apparaît comme suit:
.arial {font-family: Arial; }
-
Terminez toujours les styles CSS par un point-virgule (;). Ce n'est pas obligatoire s'il n'y a qu'un seul style, mais c'est une bonne habitude de commencer.
