font-family

Hérité : oui   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Définit, sous forme de liste classée par ordre de préférence, la famille de polices à utiliser pour afficher le contenu. Vous pouvez inclure un ou plusieurs noms dans cette liste, en les séparant par des virgules. Si un nom de famille de polices se compose de plusieurs mots, il doit être entouré de guillemets.

Une famille de polices peut comporter plusieurs variantes. Par exemple, une famille de polices Helvetica peut comporter une version Gras et une version Italique distinctes. Lorsque vous spécifiez une liste de noms de police, le navigateur vérifie si une police correspondant au premier nom de la liste est présente sur l'ordinateur client. Si ce n'est pas le cas, le navigateur passe au nom suivant de la liste. Par conséquent, il est conseillé de commencer la liste par le nom le plus spécialisé et de finir par le nom le plus générique. Le dernier nom de la liste doit être celui de la famille de polices générique (serif, sans-serif, cursive, fantasy ou monospace) la plus proche de la police souhaitée. En effet, de nombreuses polices disponibles sur un système d'exploitation peuvent ne pas l'être sur un autre système.

Les navigateurs conformes aux spécifications CSS2 doivent être en mesure de reconnaître les codes de caractères Unicode et d'y substituer des polices équivalentes prenant en charge des langues spécifiques. Cela permet à un navigateur de combiner, dans le même élément, des polices de langues et de systèmes d'écriture différents, du moment que chacune de ces polices est spécifiée dans la valeur de la propriété.

Syntaxe CSS
font-family: fontFamilyName [, fontFamilyName [, ...]]
Valeur(s) possible(s) pour cette propriété :

Nombre quelconque de noms de police, séparés par des virgules. Les noms constitués de plusieurs mots doivent être placés entre guillemets. Les noms de famille génériques reconnus sont les suivants: serif | sans-serif | cursive | fantasy | monospace.

Valeur initiale

Valeur par défaut du navigateur.

Exemple
body {font-family: "Century Schoolbook", Times, serif}
S'applique à 

Tous les éléments.

Javascript
[window.]document .getElementById("elementID") .style .fontFamily

color
direction
font
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
letter-spacing
line-break
line-height
text-align
text-decoration
text-indent
text-shadow
text-transform
vertical-align




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu