Cette page contient des instructions sur la manière de changer une police et sa couleur sur une page web. Avec l’introduction de HTML5, la bonne façon de configurer les polices de page web est d’utiliser les feuilles de style en cascade. L’ancienne méthode, qui consistait à utiliser un attribut de style en ligne ou une balise de police, est obsolète et ne doit plus être utilisée.
Contenu
Utiliser le CSS pour une application unique
Si vous prévoyez de ne changer la police et la couleur qu’une seule fois sur une page web, configurez ses attributs dans la balise de l’élément. À l’aide de la balise style vous pouvez spécifier la police et la couleur avec l’attribut font-family, couleuret la taille de la police avec taille de la policecomme le montre l’exemple ci-dessous.
Exemple de code
font-size: 20px; »>This text has the font Courier, is Blue, and 20px.
Résultat
Ce texte a la police Courier, est de couleur bleue et a une taille de 20px.
Utilisation du CSS pour une ou plusieurs pages
Police personnalisée pour une page
Dans l’en-tête de votre page web, vous pouvez insérer un code entre les
pour modifier l’apparence de votre texte dans différents éléments. La case bleue suivante contient un exemple de code qui, une fois appelé, changerait votre police de caractères en Courier et la colorerait en rouge. Comme vous pouvez le voir, nous avons défini le nom de la classe comme « custom ».
Une fois défini, ce style peut être appliqué à la plupart des éléments de votre page en leur associant la classe « custom ». Le cadre suivant présente deux lignes de code et leurs résultats respectifs.
Exemple
This whole sentence is red and Courier
Only the word test is red and Courier.
Résultat
Toute cette phrase est rouge et Courier.
Seul le mot test est rouge et Courier.
Une police de caractères personnalisée pour de nombreuses pages
L’importation d’un fichier CSS externe peut être très avantageuse dans la mesure où elle permet aux utilisateurs de modifier les règles de plusieurs pages en même temps. La section suivante présente un exemple de création d’un fichier CSS de base qui permet de modifier la police et la couleur de la plupart des éléments. Ce fichier peut être chargé dans plus d’une page web, voire dans un site entier.
En utilisant n’importe quel éditeur de texte de base, l’enregistrement du texte suivant dans un fichier .css le préparera pour l’importation.
@charset "utf-8";
.courier {
font-family: Courier;
color: #005CB9;
}
Une fois que le texte précédent est placé dans un fichier .css (nous avons nommé le nôtre basic.css), vous pouvez y accéder à partir de n’importe quelle autre page en utilisant une ligne similaire à l’exemple suivant.
Utilisation de la balise de police
Bien que déprécié, le HTML peut toujours être utilisée et peut être nécessaire pour certains services en ligne. Lorsque vous utilisez la balise FONT, vous devez inclure l’attribut face, qui décrit la police à utiliser. Dans l’exemple ci-dessous, nous utilisons la police Courier et le code couleur hexadécimal #005CB9qui est un bleu foncé.
Exemple de code
A special font example.
Résultat
Un exemple de police spéciale.
