Ultimele tutoriale de dezvoltare web
 

Style fontFamily Property

<Style Object

Exemplu

Setează fontul pentru <p> Element:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate fontFamily sau returnează o listă cu nume de font-family și / sau numele generic de familie pentru text într-un element.

Browserul va folosi prima valoare recunoaște.

Există două tipuri de valori font-family:

  • font-family: Numele unui font de familie, cum ar fi "verdana" sau "arial"
  • generic-family: Numele unui generic font-family, cum ar fi "serif" sau "sans-serif"

Tip: specificați întotdeauna un nume generic de familie , ca ultima alternativa!

Notă: Separați fiecare valoare cu virgulă.

Note: Dacă un nume de font-family conține spații albe, acesta trebuie să fie citat.

Tip: Uită - te la fonturi web în condiții de siguranță pentru combinațiile de fonturi utilizate în mod obișnuit.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea fontFamily este acceptată în toate browserele majore.


Sintaxă

Întoarcere proprietatea fontFamily:

object .style.fontFamily

Setați proprietatea fontFamily:

object .style.fontFamily=" Valori de proprietate
Valoare Descriere
font1, font2, etc. O listă separată prin virgulă de nume font-family și / sau numele generic de familie
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: nespecificat
Întoarcere Valoare: Un șir, reprezentând numele fontului textului în elementul
CSS Versiune CSS1

Mai multe exemple

Exemplu

O demonstrație de valori posibile:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;
Încearcă - l singur »

Exemplu

Readuceți fontul unui <p> Element:

alert(document.getElementById("myP").style.fontFamily);
Încearcă - l singur »

Pagini similare

Tutorial CSS: CSS Font

Referință CSS: font-family property

HTML DOM de referință: font property


<Style Object