CSS font-familie eigenschap
Voorbeeld
Specificeer het lettertype voor twee alinea's:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Definitie en gebruik
De font-familyeigenschap specificeert het lettertype voor een element.
De font-familyeigenschap kan verschillende lettertypenamen bevatten als een "terugval"-systeem. Als de browser het eerste lettertype niet ondersteunt, probeert hij het volgende lettertype.
Er zijn twee soorten namen van lettertypefamilies:
- family-name - De naam van een font-familie, zoals "times", "courier", "arial", etc.
- generieke-familie - De naam van een generieke-familie, zoals "serif", "sans-serif", "cursief", "fantasie", "monospace".
Begin met het gewenste lettertype en eindig altijd met een generieke familie, zodat de browser een vergelijkbaar lettertype in de generieke familie kan kiezen, als er geen andere lettertypen beschikbaar zijn.
Opmerking: Scheid elke waarde met een komma.
Opmerking: als de naam van een lettertype witruimte bevat, moet deze tussen aanhalingstekens worden geplaatst. Enkele aanhalingstekens moeten worden gebruikt bij het gebruik van het "style" attribuut in HTML.
| Standaardwaarde: | hangt af van de browser |
|---|---|
| geërfd: | Ja |
| Animeerbaar: | Nee. Lees over animeren |
| Versie: | CSS1 |
| JavaScript-syntaxis: | object .style.fontFamily="Verdana,sans-serif" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
| Property | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-syntaxis
font-family: family-name|generic-family|initial|inherit;
Eigendomswaarden
| Value | Description | Play it |
|---|---|---|
| family-name generic-family |
A prioritized list of font family names and/or generic family names | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Gerelateerde pagina's
CSS-zelfstudie: CSS-lettertype
CSS-referentie: eigenschap font
HTML DOM-referentie: eigenschap fontFamily