Style fontFamily Property
Exemple
Définissez la police d'un élément :
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Définition et utilisation
La propriété fontFamily définit ou renvoie une liste de noms de familles de polices et/ou de noms de familles génériques pour le texte d'un élément.
Le navigateur utilisera la première valeur qu'il reconnaît.
Il existe deux types de valeurs font-family :
- font-family : le nom d'une famille de polices, comme "verdana" ou "arial"
- generic-family : le nom d'une famille de polices générique, comme "serif" ou "sans-serif"
Conseil : spécifiez toujours un nom de famille générique comme dernière alternative !
Remarque : Séparez chaque valeur par une virgule.
Remarque : Si un nom de famille de polices contient des espaces, il doit être placé entre guillemets.
Astuce : consultez les polices sécurisées pour le Web pour les combinaisons de polices couramment utilisées.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
fontFamily | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété fontFamily :
object.style.fontFamily
Définissez la propriété fontFamily :
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Valeurs de propriété
Value | Description |
---|---|
font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | non spécifié |
---|---|
Valeur de retour : | Une chaîne, représentant le nom de la police du texte dans l'élément |
Version CSS | CSS1 |
Plus d'exemples
Exemple
Une démonstration des valeurs possibles :
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Exemple
Renvoie la police d'un élément :
alert(document.getElementById("demo").style.fontFamily);
Pages connexes
Tutoriel CSS : Police CSS
Référence CSS : propriété font-family
Référence HTML DOM : propriété de la police
❮ Objet de style