Beispiel
Geben Sie die Schriftart für einen Absatz:
p
{
font-family: "Times New Roman", Georgia, Serif;
}
Versuch es selber " Definition und Verwendung
Die font-family-Eigenschaft gibt die Schriftart für ein Element.
Die Eigenschaft font-family kann mehrere Font - Namen als halten "fallback" System. Wenn der Browser die erste Schriftart nicht unterstützt, versucht er, die nächste Schriftart.
Es gibt zwei Arten von Schriftfamiliennamen:
- family-name - Der Name einer font-Familie, wie "times" , "courier" , "arial" , usw.
- generic-family - Der Name eines generic-Familie, wie "serif" , "sans-serif" , "cursive" , "fantasy" , "monospace" .
Beginnen Sie mit der Schriftart, die Sie wollen, und immer mit einer generischen Familie zu beenden, den Browser zu lassen eine ähnliche Schriftart in der generischen Familie wählen, wenn keine anderen Schriftarten zur Verfügung stehen.
Note: Trennen Sie jeden Wert mit einem Komma.
Note: Wenn ein Schriftname white-space enthält, muss er zitiert werden. Einfache Anführungszeichen verwendet werden , wenn die Verwendung von "style" Attribut in HTML.
| Standardwert: | depends on the browser |
|---|---|
| Vererbt: | yes |
| Anima: | no. Read about animatable |
| Version: | CSS1 |
| JavaScript-Syntax: | object .style.fontFamily="Verdana,sans-serif" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
font-family:font|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| family-name generic-family | Eine priorisierte Liste der Schriftfamiliennamen und / oder generischen Familiennamen | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS Tutorial: CSS Font
CSS - Referenz: font property - font property
HTML - DOM - Referenz: fontFamily property