Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

font-family

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das Attribut font-family gibt an, welche Schriftfamilie zum Rendern des Textes verwendet wird. Es wird als nach Priorität geordnete Liste von Namen von Schriftfamilien und/oder generischen Schriftfamilien angegeben.

Hinweis: Als Präsentationsattribut hat font-family auch eine entsprechende CSS-Eigenschaft: font-family. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiele

Die Schriftfamilie in SVG steuern

html
<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-family="Arial, Helvetica, sans-serif">Sans serif</text>
  <text x="100" y="20" font-family="monospace">Monospace</text>
</svg>

Verwendungshinweise

Wert Siehe font-family
Standardwert Hängt vom User-Agent ab
Animierbar Ja

Eine Beschreibung der Werte finden Sie bei der CSS-Eigenschaft font-family.

Spezifikationen

Spezifikation
CSS Fonts Module Level 4
# generic-font-families
CSS Fonts Module Level 4
# font-family-prop

Browser-Kompatibilität

Siehe auch