Latest web development tutorials

propriété HTML DOM style fontFamily

Style de Object Reference style Objets

Définition et utilisation

ensembles de propriétés fontFamily ou retourne une liste d'éléments de la famille de polices nom de famille / nom de police générique chinois.

Le navigateur utilisera la première valeur qu'il reconnaît.

Il existe deux types de valeurs de la famille de police de:

  • font-family: un nom de famille de polices, telles que "Verdana" ou "arial".
  • generic-famille: un nom de famille de polices générique, comme "serif" ou "sans-serif".

Astuce: Toujours spécifier une police nom de famille générique en dernier recours!

NOTE: Si lenom de famille de polices contient des espaces, des guillemets.

Conseil: Vérifiez les polices Web sécurisées couramment utilisés combinaisons de polices.

grammaire

Définition des propriétés fontFamily:

Object.style.fontFamily="font1, font2, etc.|inherit"

Retour propriétés fontFamily:

Object.style.fontFamily

描述
font1, font2, etc. 字体系列名称/通用字体系列名称的表,由逗号分割。
inherit fontFamily 属性的值从父元素继承。


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Tous les principaux navigateurs prennent en charge la propriété fontFamily.

Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".


Exemples

Exemples

Changer la police du texte:

<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
document.getElementById ( "p1") style.fontFamily = "Impact, charbon de bois, sans-serif" .;
}
</ Script>
</ Head>
<Body>

<P id = "p1"> Ceci est un texte. </ P>
<br>
<Bouton type = "button" onclick = "displayResult ()"> Modifier la police </ button>

</ Body>
</ Html>

Essayez »


Style de Object Reference style Objets