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
-
font
Kurzform font-family
font-feature-settings
font-kerning
font-language-override
font-optical-sizing
font-palette
font-size
font-size-adjust
font-stretch
font-style
font-weight
-
font-synthesis
Kurzform font-synthesis-small-caps
font-synthesis-style
font-synthesis-weight
-
font-variant
Kurzform font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-emoji
font-variant-ligatures
font-variant-numeric
font-variant-position
font-variation-settings
At-Regeln 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 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
letter-spacing
CSS-Eigenschaftline-height
CSS-Eigenschafttext-transform
CSS-Eigenschaft
Spezifikationen
Specification |
---|
CSS Fonts Module Level 4 |
Siehe auch
- CSS-Schrift-Laden Modul
- CSS-Schrift-Laden-API
- CSS-Text Modul
- CSS-Schreibmodi Modul