CSS-Fonts

Das CSS-Fonts-Modul definiert schriftbezogene Eigenschaften und wie Schriftressourcen geladen werden. Es ermöglicht Ihnen, den Stil einer Schriftart zu definieren, wie z. B. 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 mit Glyphen abbildet, die Buchstaben, Zahlen, Interpunktionszeichen und sogar Emojis einer Schriftart darstellen. Eine Schriftfamilie ist eine Gruppe von Schriftarten, die gemeinsame Designstile und Schrifteigenschaften teilen, bei denen jedes Mitglied der Gruppe unterschiedliche Möglichkeiten zur Darstellung der Glyphen bietet und sich durch Strichstärke, Neigung oder relative Breite, unter anderem, unterscheiden kann. Eine Schriftart repräsentiert typischerweise einen einzelnen Stil einer Schriftart, wie z. B. Helvetica, die fett und kursiv ist. Eine Schriftfamilie ist der vollständige Satz an Stilen. Das Einbinden einer solchen Schriftart in ein Dokument oder Design erfolgt durch die Definition einer separaten @font-face-Deklaration für jede Schriftsignatur.

Die Eigenschaften, @-Regeln und Deskriptoren des CSS-Fonts-Moduls ermöglichen das Herunterladen mehrerer Variationen einer Schriftart. Sie definieren auch die Schriftdatei, die für eine bestimmte Schriftmerkmal verwendet werden soll, zusammen mit Fallback-Anweisungen für den Fall, dass eine Ressource nicht geladen werden kann. Der CSS-Schriftauswahlmechanismus beschreibt den Prozess des Abgleichs eines gegebenen Satzes von CSS-Schrifteigenschaften mit einer einzelnen Schriftschnittdarstellung.

Das CSS-Fonts-Modul unterstützt auch variable Schriften. Im Gegensatz zu regulären Schriften, bei denen jeder Stil als separate Schriftdatei implementiert wird, können variable Schriften alle Stile in einer einzigen Datei enthalten. Mittels 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 umfassen. Variable Schriften sind Teil der OpenType-Schriftartenspezifikation.

Referenz

Eigenschaften

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

At-Rules und Deskriptoren

At-Rule: @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 von keinem Browser unterstützt werden.

At-Rule: @font-feature-values

Deskriptor:

font-display

At-Rule: @font-palette-values

Deskriptoren:

Datentypen

font-size-Typen:

font-family-Typ:

<generic-family>

font-feature-settings-Typ:

<feature-tag-value>

font-format-Typ:

<font-format>

font-stretch-Typ:

<font-stretch-css3>

font-tech-Typen:

font-variant-Typen:

font-variant-ligatures-Typen:

font-variant-numeric-Typen:

font-weight-Typ:

<font-weight-absolute>

Schnittstellen

Leitfäden

Lernen: Grundlegende Text- und Schriftgestaltung: Dieser Artikel für Anfänger behandelt die grundlegenden Grundlagen der Text- und Schriftgestaltung. Er zeigt, wie man das Schriftgewicht, die Familie und den Stil mithilfe des font-Shorthands einstellt und wie man Text ausrichtet sowie Zeilen- und Buchstabenabstände verwaltet.
Lernen: Webschriften: Dieser Artikel für Anfänger erklärt, wie Sie benutzerdefinierte Schriften auf Ihrer Webseite verwenden können, um eine variantenreichere und individuellere Textgestaltung zu ermöglichen.
OpenType-Schriftmerkmale: Schriftmerkmale oder Varianten beziehen sich auf unterschiedliche Glyphen oder Zeichenstile, die innerhalb einer OpenType-Schriftart enthalten sind. Dazu gehören Dinge wie Ligaturen (besondere Glyphen, die Zeichen wie 'fi' oder 'ffl' kombinieren), Kerning (Anpassungen des Abstands zwischen bestimmten Buchstabenpaaren), Brüche, Zahlenstile und viele andere. Diese sind alle als OpenType-Merkmale bekannt und können über spezifische Eigenschaften und eine Low-Level-Kontrolleigenschaft — font-feature-settings — auf dem Web verwendet werden. Dieser Artikel liefert Ihnen alles, was Sie über die Verwendung von OpenType-Schriftmerkmalen in CSS wissen müssen.
Variable Schriften: Dieser Artikel hilft Ihnen beim Einstieg in die Verwendung von variablen Schriften.
Verbesserung der Schriftleistung: Dieser Artikel, Teil des CSS-Leitfadens zur Leistung, behandelt das Laden von Schriften, das Laden nur der benötigten Glyphen und das Definieren des Schriftanzeigeverhaltens mit dem font-display-Deskriptor.

Spezifikationen

Specification
CSS Fonts Module Level 4