Derniers tutoriels de développement web
 

Style fontFamily Property

<Style objet

Exemple

Définir la police pour un <p> élément:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés fontFamily ou retourne une liste de noms de famille de polices et / ou des noms génériques famille pour le texte dans 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"
  • famille générique: le nom générique d'une police familiale, comme "serif" ou "sans-serif"

Tip: Toujours spécifier un nom générique pour les familles comme la dernière alternative!

Remarque: Séparer chaque valeur par une virgule.

Note: Si un nom famille de polices contient des espaces blancs, il doit être cité.

Tip: Regardez les polices de sécurité Web pour couramment utilisés combinaisons de polices.


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété fontFamily est pris en charge dans tous les principaux navigateurs.


Syntaxe

Retour la propriété fontFamily:

object .style.fontFamily

Définissez la propriété fontFamily:

object .style.fontFamily=" Valeurs de propriété
Valeur La description
font1, font2, etc. Une liste séparée par des virgules des noms de famille de polices et / ou des noms génériques famille
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: non précisé
Valeur de retour: Une chaîne représentant le nom de la police du texte dans l'élément
version CSS CSS1

autres exemples

Exemple

Une démonstration de valeurs possibles:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;
Essayez vous - même »

Exemple

Retour la police d'un <p> élément:

alert(document.getElementById("myP").style.fontFamily);
Essayez vous - même »

Pages associées

Tutoriel CSS: CSS police

Référence CSS: la font-family property

Référence HTML DOM: font property


<Style objet