Polices CSS
- Page précédente Ombre De Texte CSS
- Page suivante Style De Police CSS
Il est important de choisir la bonne police pour votre site !
L'importance du choix de la police
Le choix de la bonne police peut avoir un impact énorme sur l'expérience utilisateur du site.
Les bonnes polices peuvent créer une image forte pour votre marque.
Il est important d'utiliser des polices faciles à lire. Les polices ajoutent de la valeur à votre texte. Il est également important de choisir la bonne couleur et la bonne taille de police.
Famille de polices universelle
Dans CSS, il y a cinq familles de polices universelles :
- Polices serif (Serif) - Il y a une petite touche à la bordure de chaque lettre. Elles créent une sensation de forme et d'élégance.
- Polices sans serif (Sans-serif) - Les lignes des polices sont simples (sans petits traits). Elles créent une apparence moderne et sobre.
- Polices à espacement fixe (Monospace) - Chaque lettre a une largeur fixe ici. Elles créent un aspect mécanique.
- Polices de cursive (Cursive) - Imitent l'écriture humaine.
- Polices de fantasy (Fantasy) - Ce sont des polices décoratives / ludiques.
Tous les noms de polices différents appartiennent à l'une de ces cinq familles de polices universelles.
La différence entre les polices Serif et Sans-serif
Astuce :Sur l'écran de l'ordinateur, les polices sans serif sont considérées comme plus faciles à lire que les polices serif.
Exemples de certaines polices
| Famille de polices universelle | Exemple de nom de police |
|---|---|
| Serif | Times New Roman Georgia Garamond |
| Sans-serif | Arial Verdana Helvetica |
| Monospace | Courier New Lucida Console Monaco |
| Cursive | Brush Script MT Lucida Handwriting |
| Fantasy | Copperplate Papyrus |
L'attribut font-family de CSS
Dans CSS, nous utilisons l'attribut font-family pour définir la police du texte.
L'attribut font-family doit contenir plusieurs noms de polices en tant que système de « remplacement » pour assurer la plus grande compatibilité entre les navigateurs et les systèmes d'exploitation. Commencez par la police que vous souhaitez et terminez par une série universelle (si aucune autre police n'est disponible, laissez le navigateur choisir une police similaire de la série universelle). Les noms des polices doivent être séparés par des virgules.
Remarque :Si le nom de la police comporte plusieurs mots, il doit être encadré de guillemets, par exemple : "Times New Roman".
Exemple
Définir différentes polices pour trois paragraphes :
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}
- Page précédente Ombre De Texte CSS
- Page suivante Style De Police CSS
