CSS-Schriften

Das CSS-Schriften-Modul definiert Schrift-bezogene Eigenschaften und wie Schriftressourcen geladen werden. Es ermöglicht Ihnen, den Stil einer Schriftart zu definieren, wie z.B. deren Familie, Größe und Dicke 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 zu Glyphen zuordnet, die Buchstaben, Zahlen, Satzzeichen und sogar Emojis eines Schriftsatzes darstellen. Eine Schriftfamilie ist eine Gruppe von Schriftarten, die gemeinsame Designstile und Schrifteigenschaften teilen, wobei jedes Mitglied der Gruppe unterschiedliche Möglichkeiten bietet, die Glyphen darzustellen, variiert nach Strichdicke, Neigung oder relativer Breite, neben anderen Attributen. Eine Schriftart stellt typischerweise einen einzigen Stil eines Schriftsatzes dar, wie Helvetica, das fett und kursiv ist. Eine Schriftfamilie ist die vollständige Menge von Stilen. Um eine solche Schriftart in ein Dokument oder Design einzubinden, wird je eine separate @font-face-Deklaration für jede Schriftressource definiert.

Die Eigenschaften, At-Regeln und Deskriptoren des CSS-Schriften-Moduls ermöglichen das Herunterladen mehrerer Variationen einer Schriftart. Sie definieren auch die zu verwendende Schriftdatei für ein bestimmtes Schriftmerkmal sowie Fallback-Anweisungen für den Fall, dass eine Ressource nicht geladen werden kann. Der CSS-Schriftauswahlmechanismus beschreibt den Prozess, wie ein gegebener Satz von CSS-Schrift-Eigenschaften mit einer einzelnen Schriftart abgeglichen wird.

Das CSS-Schriften-Modul unterstützt auch variable Schriften. Anders als reguläre Schriften, bei denen jeder Stil als separate Schriftdatei implementiert ist, können variable Schriften 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 beinhaltet. Je nach Schriftart können dies eine Vielzahl von Schriftvarianten sein. Variable Schriften sind Teil der OpenType-Schriftenspezifikation.

Referenz

Eigenschaften

At-Regeln und Deskriptoren

Datentypen

Schnittstellen

Leitfäden

Lernen: Grundlegendes Text- und Schriftstyling

Dieser Einsteiger-Lernartikel behandelt die grundlegenden Prinzipien des Text- und Schriftstylings. Er erklärt, wie man die Schriftstärke, -familie und -stil mit der font-Kurzform festlegt und wie man Text ausrichtet und Zeilen- und Buchstabenabstand verwaltet.

Lernen: Web-Schriften

Dieser Einsteiger-Lernartikel erklärt, wie man benutzerdefinierte Schriften auf Ihrer Webseite verwendet, um variablere und benutzerdefinierte Textformatierungen zu ermöglichen.

OpenType-Schrift-Funktionen Leitfaden

Schriftfunktionen oder -varianten beziehen sich auf unterschiedliche Glyphen oder Zeichenstile, die in einer OpenType-Schrift 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, Zahlstile und viele andere. Diese werden alle als OpenType-Funktionen bezeichnet und sind im Web über spezifische Eigenschaften und eine Low-Level-Steuereigenschaft – font-feature-settings verfügbar. Dieser Artikel bietet Ihnen alles, was Sie über die Verwendung von OpenType-Schrift-Funktionen in CSS wissen müssen.

Variable Schriften Leitfaden

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

Verbesserung der Schrift-Leistung

Dieser Artikel, Teil des CSS-Leistungsleitfadens, behandelt 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