CSS font-family- Eigenschaft
Beispiel
Geben Sie die Schriftart für zwei Absätze an:
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica,
sans-serif;
}
Definition und Verwendung
Die font-familyEigenschaft gibt die Schriftart für ein Element an.
Die font-familyEigenschaft kann mehrere Schriftnamen als "Fallback"-System enthalten. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er die nächste Schriftart.
Es gibt zwei Arten von Schriftfamiliennamen:
- Familienname – Der Name einer Schriftfamilie, wie „times“, „courier“, „arial“ usw.
- generische Familie – Der Name einer generischen Familie, wie „serif“, „sans-serif“, „cursive“, „fantasy“, „monospace“.
Beginnen Sie mit der gewünschten Schriftart und enden Sie immer mit einer generischen Familie, damit der Browser eine ähnliche Schriftart aus der generischen Familie auswählen kann, wenn keine anderen Schriftarten verfügbar sind.
Hinweis: Trennen Sie jeden Wert durch ein Komma.
Hinweis: Wenn ein Schriftartname Leerzeichen enthält, muss er in Anführungszeichen gesetzt werden. Bei Verwendung des "style"-Attributs in HTML müssen einfache Anführungszeichen verwendet werden.
| Standardwert: | hängt vom Browser ab |
|---|---|
| Vererbt: | ja |
| Animierbar: | Nein. Lesen Sie mehr über animierbare |
| Ausführung: | CSS1 |
| JavaScript-Syntax: | object .style.fontFamily="Verdana, serifenlos" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
| Property | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
font-family: family-name|generic-family|initial|inherit;
Eigenschaftswerte
| 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 |
Verwandte Seiten
CSS-Tutorial: CSS-Schriftart
CSS-Referenz: font-Eigenschaft
HTML-DOM-Referenz: fontFamily-Eigenschaft