1. Web
  2. CSS
  3. Guides
  4. Fonts

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSS-Schriften

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

Eine Schriftart ist eine Ressourcendatei, 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 Schriftsatzeigenschaften teilen, wobei jedes Mitglied der Gruppe unterschiedliche Möglichkeiten bietet, die Glyphen darzustellen, variierend durch Strichstärke, Neigung oder relative Breite, unter anderen Attributen. Eine Schriftart repräsentiert typischerweise einen einzelnen Stil eines Schriftsatzes, wie zum Beispiel Helvetica, das fett und kursiv ist. Eine Schriftfamilie ist die vollständige Sammlung von Stilen. Das Einbinden einer solchen Schriftart in ein Dokument oder Design erfolgt, indem für jede Schriftressource eine separate @font-face-Deklaration definiert wird.

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

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

Referenz

Eigenschaften

At-Regeln und Deskriptoren

At-Regel: @font-face

Deskriptoren:

Das CSS-Schriftarten-Modul definiert auch die Deskriptoren font-language-override, font-named-instance, font-size, subscript-position-override, subscript-size-override, superscript-position-override und superscript-size-override. Derzeit unterstützen keine Browser diese Funktionen.

Das CSS-Schriftarten-Modul definiert auch den font-display Deskriptor. Derzeit unterstützen keine Browser diese Funktion.

At-Regel: @font-palette-values

Deskriptoren:

Funktionen

Das CSS-Schriftarten-Modul definiert die generic() Funktion. Derzeit unterstützen keine Browser diese Funktion.

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: Grundlegende Text- und Schriftgestaltung

Dieser Lernartikel für Anfänger behandelt die grundlegenden Grundlagen der Text- und Schriftgestaltung. Es wird erklärt, wie das Schriftgewicht, die Familie und der Stil mit dem font Kurzhand gesetzt werden und wie Text ausgerichtet und Zeilen- und Buchstabenzwischenräume verwaltet werden.

Lernen: Web-Schriften

Dieser Lernartikel für Anfänger erklärt, wie Sie benutzerdefinierte Schriften auf Ihrer Webseite verwenden können, um vielfältigere und benutzerdefinierte 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 (besondere Glyphen, die Zeichen wie 'fi' oder 'ffl' kombinieren), Kerning (Anpassungen der Abstände zwischen bestimmten Buchstabenpaaren), Brüche, Zahlenstile und eine Vielzahl anderer Merkmale. Diese werden alle als OpenType-Merkmale bezeichnet und können im Web über spezifische Eigenschaften und eine Low-Level-Kontrolleigenschaft — font-feature-settings — 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 verwendet eine komprimierte Version der gleichen tabellenbasierten sfnt-Struktur, die von TrueType, OpenType und dem Open Font Format verwendet wird, fügt jedoch Metadaten und private Nutzdatustrukturen hinzu, einschließlich vordefinierter Felder, die es Schriftgießereien 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 Schriftperformance

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

Verwandte Konzepte

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