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 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.
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.
Les balises filles HTML ou XHTML héritent de la propriété.
Pour les utilisateurs de Flash MX, l'équivalence de la cascading style sheets font-family en actionscript est fontFamily.
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,...) .
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 } BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css font-family.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.