CSS Fonts

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

Eine Schrift ist eine Ressourcen-Datei, die die visuelle Darstellung von Zeichen enthält und Zeichen-Codes auf Glyphen abbildet, die Buchstaben, Zahlen, Satzzeichen und sogar Emojis eines Schriftsatzes darstellen. Eine Schriftfamilie ist eine Gruppe von Schriften, die gemeinsame Designstile und Schriftschnitte teilen, wobei jedes Mitglied der Gruppe verschiedene Arten der Darstellung der Glyphen bietet, die sich beispielsweise in Strichstärke, Schräglage oder relativer Breite unterscheiden. Eine Schrift stellt in der Regel einen einzigen Stil eines Schriftsatzes dar, wie beispielsweise Helvetica, das fett und kursiv ist. Eine Schriftfamilie ist der komplette Satz von Stilen. Das Einbinden einer solchen Schrift in ein Dokument oder Design erfolgt durch die Definition einer separaten @font-face-Deklaration für jede Schriftressource.

Die Eigenschaften, At-Regeln und Deskriptoren des CSS Fonts Moduls ermöglichen das Herunterladen mehrerer Varianten einer Schrift. Sie definieren auch die zu verwendende Schriftdatei für eine bestimmte Schriftcharakteristik, zusammen mit Fallback-Anweisungen für den Fall, dass eine Ressource nicht geladen werden kann. Der CSS-Schriftauswahlmechanismus beschreibt den Prozess der Zuordnung eines gegebenen Satzes von CSS-Schrifteigenschaften zu einem einzelnen Schriftschnitt.

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. Mit einer einzigen @font-face-Deklaration können Sie eine variable Schrift einbinden, die alle Stile enthält. Dies kann je nach Schrift eine Vielzahl von Schriftvarianten umfassen. Variable Schriften sind Teil der OpenType-Schriftenspezifikation.

Referenz

Eigenschaften

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

At-Regeln und Deskriptoren

At-Regel: @font-face

Deskriptoren:

Das CSS Fonts Modul 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. Derzeit werden diese Funktionen von keinem Browser unterstützt.

At-Regel: @font-feature-values

Das CSS Fonts Modul definiert auch den Deskriptor font-display. Derzeit wird diese Funktion von keinem Browser unterstützt.

At-Regel: @font-palette-values

Deskriptoren:

Funktionen

Das CSS Fonts Modul definiert die Funktion generic(). Derzeit wird diese Funktion von keinem Browser unterstützt.

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 Schriftstilgestaltung: Dieser Artikel für Einsteiger behandelt die grundlegenden Prinzipien der Text- und Schriftstilgestaltung. Er behandelt, wie man das Schriftgewicht, die Familie und den Stil mit der font-Kurzform einstellt und wie man Text ausrichtet und den Zeilen- und Buchstabenabstand verwaltet.
Lernen: Webschriften: Dieser Artikel für Einsteiger erklärt, wie man benutzerdefinierte Schriften auf Ihrer Webseite verwendet, um vielfältigere und individuellere Textstile zu ermöglichen.
OpenType-Schriftmerkmale: Schriftmerkmale oder Varianten beziehen sich auf verschiedene Glyphen oder Zeichenstile, die in einer OpenType-Schrift enthalten sind. Dazu gehören Dinge wie Ligaturen (spezielle Glyphen, die Zeichen wie 'fi' oder 'ffl' kombinieren), Kerning (Anpassungen des Abstands zwischen bestimmten Zeichenpaarungen), Brüche, Zahlenstile und viele andere. Diese werden alle als OpenType Features bezeichnet und können über spezifische Eigenschaften und eine Low-Level-Kontrolleigenschaft — font-feature-settings — auf dem Web verwendet werden. Dieser Artikel bietet Ihnen alles, was Sie über die Verwendung von OpenType-Schriftmerkmalen in CSS wissen müssen.
Web Open Font Format (WOFF): WOFF nutzt eine komprimierte Version derselben tabellenbasierten sfnt Strukturen, die von TrueType, OpenType und Open Font Format verwendet werden, fügt jedoch Metadaten und privatsphärebezogene Datenstrukturen hinzu, einschließlich vordefinierter Felder, die es Schriftschmieden und Anbietern ermöglichen, Lizenzinformationen bereitzustellen, falls gewünscht.
Variable Schriften: Dieser Artikel hilft Ihnen beim Einstieg in die Verwendung von variablen Schriften.
Verbesserung der Schriftleistung: Dieser Artikel, Teil des CSS-Performance-Leitfadens, diskutiert 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

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden