CSS lettertype-familie eigenschap

Definitie en gebruik

font-family bepaalt de lettertypefamilie van het element.

font-family kan meerdere lettertypenamen als een "terugvalssysteem" opslaan. Als de browser de eerste lettertype niet ondersteunt, zal hij proberen de volgende te gebruiken. Dit betekent dat de waarde van de font-family-eigenschap een prioriteitenlijst van de naam van de lettertypefamilie of enige klasse van de lettertypefamilie voor een bepaald element is. De browser zal de eerste waarde gebruiken die hij kan herkennen.

Er zijn twee soorten namen van lettertypefamilie:

  • Gespecificeerde naam van de serie: de naam van een specifiek lettertype, bijvoorbeeld: "times"、"courier"、"arial".
  • Normaal gesproken lettertypefamilienaam: bijvoorbeeld: "serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

Tip:Splits elke waarde met een komma en biedt altijd een klasse van de lettertypefamilie als laatste keuze aan.

Opmerking:Het volledig gebruiken van een specifieke lettertypefamilie (Geneva) hangt af van of deze lettertypefamilie beschikbaar is op de gebruikersmachine; deze eigenschap geeft geen aanwijzing voor het downloaden van lettertypen. Daarom wordt ten zeerste aanbevolen om een algemene lettertypefamilienaam als back-up te gebruiken.

Zie ook:

CSS handleiding:CSS lettertyp

CSS referentiemanual:CSS lettertype eigenschap

HTML DOM referentiemanual:font eigenschap

Voorbeeld

Stel het lettertype in voor de alinea:

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

Probeer het zelf

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
  • family-name
  • generic-family

Een prioriteitenlijst van de naam van de lettertypefamilie of enige klasse van de lettertypefamilie voor een bepaald element.

Standaardwaarde: afhankelijk van de browser.
inherit Het bepaalt dat de lettertypefamilie van het ouder element moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inheritantie: ja
Versie: CSS1
JavaScript syntaxis: object.style.fontFamily="arial,sans-serif"

TIY voorbeeld

Tekstlettertype instellen
Dit voorbeeld demonstreert hoe je de tekstlettertype instelt.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

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