CSS-Schriftarten

Das CSS-Schriftarten-Modul definiert schriftbezogene Eigenschaften und wie Schriftressourcen geladen werden. Es ermöglicht Ihnen, den Stil einer Schriftart zu definieren, wie zum Beispiel ihre Familie, Größe und Gewicht sowie die Glyphenvarianten, die verwendet werden sollen, wenn mehrere für ein einzelnes Zeichen verfügbar sind.

Eine Schriftart ist eine Ressourcendatei, die die visuelle Darstellung von Zeichen enthält und Zeichencodes auf Glyphen abbildet, die Buchstaben, Zahlen, Satzzeichen und sogar Emojis eines Schriftschnitts darstellen. Eine Schriftfamilie ist eine Gruppe von Schriftarten, die gemeinsame Designstile und Schriftmerkmale teilen, wobei jedes Mitglied der Gruppe verschiedene Möglichkeiten bietet, die Glyphen anzuzeigen, variierend durch Strichgewicht, Neigung oder relative Breite, unter anderen Attributen. Eine Schriftart stellt typischerweise einen einzigen Stil eines Schriftschnitts dar, wie beispielsweise Helvetica, das fett und kursiv ist. Eine Schriftfamilie ist der komplette Satz von Stilen. Das Einbinden einer solchen Schriftart in ein Dokument oder Design erfolgt durch das Definieren einer separaten @font-face-Deklaration für jede Schriftressource.

Die Eigenschaften, At-Regeln und Deskriptoren des CSS-Schriftarten-Moduls ermöglichen das Herunterladen mehrerer Variationen einer Schriftart. Sie definieren auch die zu verwendende Schriftdatei für eine bestimmte Schrifteigenschaft sowie Fallback-Anweisungen für den Fall, dass eine Ressource nicht geladen werden kann. Der CSS-Schriftauswahlmechanismus beschreibt den Prozess des Zuordnens eines gegebenen Satzes von CSS-Schrifteigenschaften zu einem einzigen Schriftschnitt.

Das CSS-Schriftarten-Modul unterstützt außerdem variable Schriftarten. Im Gegensatz zu regulären Schriftarten, bei denen jeder Stil als separate Schriftdatei implementiert wird, können variable Schriftarten alle Stile innerhalb einer einzigen Datei enthalten. Durch die Verwendung einer einzigen @font-face-Deklaration können Sie eine variable Schriftart importieren, die alle Stile umfasst. Abhängig von der Schriftart kann dies eine Vielzahl von Schriftvarianten einschließen. Variable Schriftarten sind Teil der OpenType-Schriftartenspezifikation.

Referenz

Eigenschaften

Die Spezifikation definiert auch die font-width-Eigenschaft, die bisher von keinem Browser unterstützt wird.

At-Regeln und Deskriptoren

At-Regel: @font-face

Deskriptoren:

Die Spezifikation definiert auch die Deskriptoren font-language-override, font-named-instance, font-width, font-size, subscript-position-override, subscript-size-override, superscript-position-override und superscript-size-override, die bisher von keinem Browser unterstützt werden.

At-Regel: @font-feature-values

Deskriptor:

At-Regel: @font-palette-values

Deskriptoren:

Datentypen

font-size-Typen:

font-family-Typ:

font-feature-settings-Typ:

font-format-Typ:

font-stretch-Typ:

font-tech-Typen:

font-variant-Typen:

font-variant-ligatures-Typen:

font-variant-numeric-Typen:

font-weight-Typ:

Schnittstellen

Leitfäden

Lernen: Grundlegende Text- und Schriftartengestaltung

Dieser Lernartikel für Anfänger behandelt die grundlegenden Prinzipien der Text- und Schriftartengestaltung. Er behandelt, wie man das Schriftgewicht, die Familie und den Stil mit Hilfe der font-Kurzform einstellt sowie Texte ausrichtet und Zeilen- und Zeichenabstand verwaltet.

Lernen: Web-Schriftarten

Dieser Lernartikel für Anfänger erklärt, wie man benutzerdefinierte Schriftarten auf Ihrer Webseite verwendet, um vielfältigere und individuellere Textgestaltungen zu ermöglichen.

OpenType-Schriftartenmerkmale

Schriftmerkmale oder -varianten beziehen sich auf unterschiedliche Glyphen oder Zeichenstile innerhalb einer OpenType-Schriftart. Dazu gehören Dinge wie Ligaturen (besondere Glyphen, die Zeichen wie 'fi' oder 'ffl' kombinieren), Kerning (Anpassungen des Abstands zwischen bestimmten Buchstabenkombinationen), Brüche, Zahlenstile und viele weitere. Diese werden alle als OpenType-Funktionen bezeichnet und sind über bestimmte Eigenschaften und eine Low-Level-Steuereigenschaft — font-feature-settings — im Web verfügbar. Dieser Artikel bietet alles, was Sie über die Verwendung von OpenType-Schriftmerkmalen in CSS wissen müssen.

Variable Schriftarten

Dieser Artikel hilft Ihnen beim Einstieg in die Verwendung variabler Schriftarten.

Verbesserung der Schriftartenleistung

Dieser Artikel, Teil des CSS-Leistungsleitfadens, diskutiert das Laden von Schriftarten, das Laden nur der erforderlichen Glyphen und das Definieren von Anzeigeverhalten für Schriftarten mit dem font-display-Deskriptor.

Verwandte Konzepte

Spezifikationen

Specification
CSS Fonts Module Level 4

Siehe auch