CSS kirjasinperhe ominaisuus

Määrittely ja käyttö

font-family määrittää elementin kirjasinkerran.

font-family voi tallentaa useita fonttinimiä "vaihtoehtojärjestelmänä". Jos selain ei tue ensimmäistä fonttia, se yrittää seuraavaa. Tämä tarkoittaa, että font-family-ominaisuuden arvona on elementin fonttikirjastojen nimi tai ja luokkakirjastojen nimi ensisijaisuuslistana. Selain käyttää sitä ensimmäistä tunnistamaansa arvoa.

On kaksi tyyppistä fonttikirjastojen nimiä:

  • Määritetyt sarjan nimet: tietyn kirjasimen nimi, esimerkiksi: "times", "courier", "arial".
  • Yleiset fonttikirjastojen nimet: esimerkiksi: "serif", "sans-serif", "cursive", "fantasy", "monospace"

Vinkki:Jaa jokainen arvo pilkulla ja aina luokkakirjaston nimi viimeisenä vaihtoehtona.

Huomaa:Käyttäminen tietyn fonttikirjaston (Geneva) riippuu siitä, onko kyseinen fonttikirjasto saatavilla käyttäjän laitteella; tämä ominaisuus ei anna minkään fontin latausohjeita. Siksi suositellaan käyttämään yleistä fonttikirjastoa varmuuden vuoksi.

Katso myös:

CSS -opetus:CSS kirjasin

CSS -viittausoppas:CSS kirjasin ominaisuus

HTML DOM -viittausoppas:font-ominaisuus

Esimerkki

Aseta kappaleen kirjasin:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Kokeile itse

CSS-grammatiikka

font-family: family-name|generic-family|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
  • family-name
  • generic-family

Fonttikirjastojen nimi tai ja luokkakirjastojen nimi yhdeksi ensisijaisuuslistaksi.

Oletusarvo: riippuu selaimesta.
inherit Määrittää, että elementin kirjasinkerta tulisi perittää isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perintä: kyllä
Versio: CSS1
JavaScript-grammatiikka: object.style.fontFamily="arial,sans-serif"

TIY-esimerkki

Tekstin kirjasimen asettaminen
Tämä esimerkki näyttää, miten voit asettaa tekstin kirjasimen.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5