Définition de font-family
La propriété de feuille de style font-family css permet de spécifier la police (fonte) du texte.
Exemple de code :
font-family : Times New Roman, Times, serif;
La propriété feuille de style font-family css peut prendre la valeur de :
- inherit, hérite de son parent (css2),
- un ou plusieurs noms de police séparés par une ",".
En cascading style sheets 2 la propriété de feuille de style css
font-family peut prendre aussi les valeurs suivantes :
- caption: police utilisée pour les boutons.
- icon: police utilisée pour les icônes.
- menu: police utilisée pour les menus.
- message-box: police utilisée pour les boites de dialogue.
- small-caption: police "bold" utilisée pour les boutons .
- status-bar: police utilisée pour la barre de statut.
Application des font-family
La propriété feuille de style css font-family est applicable sur l'ensemble des balises HTML ou XHTML.
La propriété de feuille de style css font-family peut remplacer en HTML est l'attribut FACE de la balise HTML FONT.
Héritage des font-family
Les balises filles HTML ou XHTML héritent de la propriété.
Flash mx des font-family
Pour les utilisateurs de Flash MX, l'équivalence de la cascading style sheets font-family en actionscript est fontFamily.
Problèmes des font-family
La propriété de feuille de style font-family css ne pose aucun problème d'interprétation, hormis pour les polices système (icon, menu,...) .
Exemples et astuces css
A savoir
En règle générale, la valeur de la feuille de style css font-family est un ensemble de noms de polices (fonts) d'aspect équivalant, et la dernière énumération est le nom de la police générique, ces valeurs sont séparées par une virgule. Si par exemple l'internaute n'a pas "Arial" alors on affichera l'Helvetica.
Voila par exemple des ensembles de fontes :
Times New Roman, Times, serif.
Arial, Helvetica, sans-serif.
Courier New, Courier, mono.
Alpha Geometrique, Critter, Cottonwood, fantasy.
Courier, MS Courier New, Prestige, monospace.
Voila les types de police générique :
- serif,
- sans-serif,
- cursive,
- fantasy,
- monospace.
Simplifier la lecture
En règle générale, pour l'Internet les polices de type "serif" ne sont pas adaptées pour la lecture sur les écrans utilisez plutôt du "sans-serif".
Mettre une police par défaut.
Vous pouvez spécifier une police générale par défaut, mais aussi
une taille ou une
couleur grâce au sélecteur css de
Balise.
Il vous suffit définir les propriétés css pour la balise
BODYExemple de code :
body { font-family: arial }