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, wobei Zeichenkodierungen Karten zu Glyphen sind, die Buchstaben, Zahlen, Satzzeichen und sogar Emojis eines Schriftschnitts darstellen. Eine Schriftfamilie ist eine Gruppe von Schriftarten, die gemeinsame Designstile und Schrifteigenschaften teilen, wobei jedes Mitglied der Gruppe verschiedene Möglichkeiten bietet, die Glyphen darzustellen, variierend durch Strichgewicht, Neigung oder relative Breite, neben anderen Merkmalen. Eine Schriftart repräsentiert typischerweise einen einzelnen Stil eines Schriftschnitts, wie z.B. Helvetica, das fett und kursiv ist. Eine Schriftfamilie ist der vollständige Satz von Stilen. Eine solche Schriftart in ein Dokument oder Design aufzunehmen, 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 von mehreren Variationen einer Schriftart. Sie definieren auch die Schriftdatei, die für ein bestimmtes Schriftmerkmal verwendet werden soll, zusammen mit Rückfallanweisungen für den Fall, dass eine Ressource nicht geladen werden kann. Der CSS-Font-Auswahlmechanismus beschreibt den Prozess, eine gegebene Menge an CSS-Fonteigenschaften mit einem einzigen Schriftschnitt abzugleichen.

Das CSS-Fonts-Modul unterstützt auch variable Schriftarten. Im Gegensatz zu regulären Schriftarten, bei denen jeder Stil als separate Schriftdatei implementiert ist, 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 enthält. Abhängig von der Schriftart kann dies eine Vielzahl von Schriftvarianten umfassen. Variable Schriftarten sind Teil der OpenType-Schriftspezifikation.

Referenz

Eigenschaften

Die Spezifikation definiert auch die Eigenschaft font-width, die 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 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: Grundlegendes Text- und Schriftstyling

Dieser Lerneinführungsartikel behandelt die grundlegenden Grundlagen des Text- und Schriftstylings. Er behandelt, wie man das Schriftgewicht, die Familie und den Stil durch Verwendung der font Kurzschrift einstellt und wie man Text ausrichtet sowie den Zeilen- und Buchstabenabstand verwaltet.

Lernen: Web-Fonts

Dieser Lerneinführungsartikel erklärt, wie man benutzerdefinierte Schriftarten auf Ihrer Webseite verwendet, um vielfältigeres und individuelles Textstyling zu ermöglichen.

OpenType-Schriftmerkmale

Schriftmerkmale oder Varianten beziehen sich auf unterschiedliche 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 der Abstände zwischen bestimmten Buchstabenpaaren), Brüche, Zahlenstile und viele andere. Diese werden zusammen als OpenType-Merkmale bezeichnet und können im Web über spezifische Eigenschaften und eine Low-Level-Steuerungseigenschaft — font-feature-settings — 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, den Einstieg in die Verwendung von variablen Schriftarten zu finden.

Verbesserung der Schriftleistung

Dieser Artikel, Teil des CSS-Performance-Leitfadens, diskutiert das Laden von Schriften, das Laden nur der erforderlichen Glyphen und das Definieren des Schriftanzeigeverhaltens mit dem font-display-Deskriptor.

Verwandte Konzepte

Spezifikationen

Specification
CSS Fonts Module Level 4

Siehe auch