Style fontFamily ominaisuus

Määrittely ja käyttö

fontFamily Ominaisuus asettaa tai palauttaa elementin tekstin fonttiperheen (font-family) ja/tai yleisen sarjan (generic-family) nimien listan.

Selausohjelma käyttää ensimmäistä tunnistamaansa arvoa.

On kaksi tyyppistä font-family -arvoa:

  • font-family: Fonttiperheen nimi, kuten "verdana" tai "arial"
  • generic-family: Yleisen fonttiperheen nimi, esimerkiksi "serif" tai "sans-serif"

Vinkki

Aseta aina yleisnimi viimeiseksi vaihtoehtona!

Erota jokainen arvo pilkulla.

Jos fonttiperheen nimi sisältää välilyönnin, sen ympärillä on oltava lainausmerkit.

Katso Web-työturvalliset fontittietää yleiset fonttikokonaisuudet.

Lisäksi:

CSS -opas:CSS:n fontti

CSS -viittausopas:font-family ominaisuus

HTML DOM -viittausopas:Font ominaisuus

Esimerkki

Esimerkki 1

Asettaa <p> elementin fontin:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Kokeile itse

Esimerkki 2

Mahdollisten arvojen esittely:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Kokeile itse

Esimerkki 3

Palauttaa <p> elementin fontin:

alert(document.getElementById("myP").style.fontFamily);

Kokeile itse

Syntaksi

Palauta fontFamily ominaisuus:

object.style.fontFamily

Aseta fontFamily ominaisuus:

object.style.fontFamily = "font1, font2...|initial|inherit"

Ominaisuuden arvo

Arvo Kuvaus
font1, font2... Komavalitsimalla eritelty lista fonttiperheen nimiä ja/tai yleisnimiä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Perii tämän ominaisuuden isältään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: Ei määritelty
Palautusarvo: Merkki, joka ilmaisee elementin kiinan kielen tekstin fontin nimen.
CSS versio: CSS1

Selaimesuunnat

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki