CSS fonts

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

Eine Schriftart ist eine Ressourcendatei, die die visuelle Darstellung von Zeichen enthält, indem sie Zeichencodes Glyphen zuordnet, die Buchstaben, Zahlen, Satzzeichen und sogar Emojis einer Schriftart darstellen. Eine Schriftfamilie ist eine Gruppe von Schriftarten, die gemeinsame Designstile und Schriftsatzeigenschaften teilen, wobei jedes Mitglied der Gruppe verschiedene Möglichkeiten bietet, die Glyphen darzustellen, die sich durch Strichstärke, Neigung oder relative Breite, unter anderem, unterscheiden. Eine Schriftart repräsentiert typischerweise einen einzelnen Stil einer Schriftart, wie z.B. Helvetica, das fett und kursiv ist. Eine Schriftfamilie ist die vollständige Palette von Stilen. Der Einschluss einer solchen Schriftart in ein Dokument oder Design erfolgt durch die Definition einer separaten @font-face Deklaration für jede Schriftressource.

Die Eigenschaften, @-Regeln und Deskriptoren des CSS fonts Moduls ermöglichen das Herunterladen mehrerer Variationen einer Schriftart. Sie definieren auch die Schriftartdatei für eine bestimmte Schriftsatzeigenschaft zusammen mit Fallback-Anweisungen für den Fall, dass eine Ressource nicht geladen werden kann. Der CSS-Schriftauswahlmechanismus beschreibt den Prozess des Abgleichens einer gegebenen Menge von CSS-Schriftarteigenschaften mit einem einzelnen Schriftschnitt.

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 in 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 umfassen. Variable Schriftarten sind Teil der OpenType-Schriftartspezifikation.

Referenz

Eigenschaften

At-Rules und Deskriptoren

At-Regel: @font-face

Deskriptoren:

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 Lernartikel für Anfänger behandelt die grundlegenden Grundlagen des Text- und Schriftstylings. Er zeigt, wie Sie das Schriftgewicht, die Familie und den Stil mit der font Abkürzung setzen und wie Sie Text ausrichten und Zeilen- und Buchstabenabstände verwalten.

Lernen: Web-Schriftarten

Dieser Lernartikel für Anfänger erklärt, wie Sie benutzerdefinierte Schriftarten auf Ihrer Webseite verwenden können, um ein vielfältigeres und individuelles Textstyling zu ermöglichen.

OpenType-Schriftarten-Leitfaden

Schriftartenmerkmale oder -varianten beziehen sich auf verschiedene Glyphen oder Zeichenstile, die in einer OpenType-Schriftart enthalten sind. Dazu gehören Dinge wie Ligaturen (besondere Glyphen, die Zeichen wie 'fi' oder 'ffl' kombinieren), Kerning (Anpassungen am Abstand zwischen bestimmten Buchstabenpaaren), Brüche, Zahlenstile und viele andere. Diese werden alle als OpenType-Features bezeichnet und stehen über spezifische Eigenschaften und eine niedrigstufige Steuerungseigenschaft — font-feature-settings — zur Verwendung im Web zur Verfügung. Dieser Artikel bietet Ihnen alles, was Sie über die Verwendung von OpenType-Schriftarten in CSS wissen müssen.

Variable-Schriftarten-Leitfaden

Dieser Artikel hilft Ihnen beim Einstieg in die Verwendung von variablen Schriftarten.

Verbesserung der Schriftleistung

Dieser Artikel, Teil des CSS-Performance-Leitfadens, behandelt das Laden von Schriftarten, das Laden nur der benötigten Glyphen und das Definieren des Schriftdarstellungsverhaltens mit dem font-display Deskriptor.

Verwandte Konzepte

Spezifikationen

Specification
CSS Fonts Module Level 4

Siehe auch