CSS-Schriften
Das CSS-Schriften-Modul definiert eigenschaftsbezogene Schrifteigenschaften und wie Schriftressourcen geladen werden. Es ermöglicht Ihnen, den Stil einer Schrift zu definieren, wie 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 und Zeichencodes auf Glyphen abbildet, die Buchstaben, Zahlen, Satzzeichen und sogar Emojis einer Schriftdarstellung repräsentieren. Eine Schriftfamilie ist eine Gruppe von Schriften, die gemeinsame Designstile und Schrifteigenschaften teilen, wobei jedes Mitglied der Gruppe verschiedene Möglichkeiten bietet, die Glyphen anzuzeigen, sich durch Strichstärke, Neigung oder relative Breite unterscheidet, neben anderen Attributen. Eine Schriftart repräsentiert typischerweise einen einzelnen Stil einer Schriftart, wie Helvetica in Fett und Kursiv. Eine Schriftfamilie ist der gesamte Satz von Stilen. Das Einbinden einer solchen Schrift in ein Dokument oder Design erfolgt durch eine separate @font-face-Deklaration für jede Schriftressource.
Die Eigenschaften, At-Regeln und Deskriptoren des CSS-Schriften-Moduls ermöglichen das Herunterladen mehrerer Variationen einer Schrift. Sie definieren auch die zu verwendende Schriftdatei für eine bestimmte Schrifteigenschaft sowie Anweisungen zur Rückfalloption, falls das Laden einer Ressource fehlschlägt. Der CSS-Schriftauswahlmechanismus beschreibt den Prozess, bei dem ein gegebenes Set von CSS-Schrifteigenschaften mit einer einzelnen Schriftzeichenfläche abgeglichen wird.
Das CSS-Schriften-Modul unterstützt auch variable Schriften. Im Gegensatz zu regulären Schriften, bei denen jeder Stil als separate Schriftdatei implementiert wird, können variable Schriften alle Stile in einer einzigen Datei enthalten. Durch die Verwendung einer einzigen @font-face-Deklaration können Sie eine variable Schrift einbinden, die alle Stile enthält. Je nach Schrift kann dies eine Vielzahl von Schriftvarianten beinhalten. Variable Schriften sind Teil der OpenType-Schriftauszeichnung.
Referenz
Eigenschaften
-
fontKurzform font-familyfont-feature-settingsfont-kerningfont-language-overridefont-optical-sizingfont-palettefont-sizefont-size-adjustfont-stretchfont-stylefont-weight-
font-synthesisKurzform font-synthesis-positionfont-synthesis-small-capsfont-synthesis-stylefont-synthesis-weight-
font-variantKurzform font-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-emojifont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variation-settings
Die Spezifikation definiert auch die font-width-Eigenschaft, die noch von keinem Browser unterstützt wird.
At-Regeln und Deskriptoren
- At-Regel:
@font-face -
Deskriptoren:
Das CSS-Schriften-Modul 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. Derzeit unterstützen keine Browser diese Funktionen.
- At-Regel:
@font-feature-values
Das CSS-Schriften-Modul definiert auch den Deskriptor font-display. Derzeit unterstützen keine Browser diese Funktion.
- 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: Grundlegende Text- und Schriftstilierung
-
Dieser Anfängerartikel behandelt die grundlegenden Grundlagen der Text- und Schriftstilierung. Er behandelt, wie man das Schriftgewicht, die Familie und den Stil festlegt, indem man die
fontKurzform verwendet, und wie man Text ausrichtet sowie den Zeilen-, und Buchstabenzwischenraum verwaltet. - Lernen: Webschriften
-
Dieser Anfängerartikel erklärt, wie man benutzerdefinierte Schriften auf Ihrer Webseite verwendet, um eine vielfältigere und angepasste Textstilierung 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 z.B. Ligaturen (besondere Glyphen, die Zeichen wie 'fi' oder 'ffl' kombinieren), Kerning (Anpassungen des Abstands zwischen bestimmten Buchstabenpaarungen), Brüche, Zahlenstile und viele andere. Dies sind alles OpenType-Eigenschaften, die über spezifische Eigenschaften und eine Low-Level-Kontrolleigenschaft –
font-feature-settings– genutzt werden können. Dieser Artikel bietet alles Wissenswerte zur Verwendung von OpenType-Schriftmerkmalen in CSS. - Variable Schriftarten
-
Dieser Artikel hilft Ihnen, den Einstieg in die Verwendung von variablen Schriftarten zu erleichtern.
- Verbesserung der Schriftleistung
-
Dieser Artikel, Teil des CSS-Leistungs-Leitfadens, behandelt das Schriftarten-Laden, das Laden nur der erforderlichen Glyphen und das Definieren des Schriftanzeigeverhaltens mit dem
font-display-Deskriptor.
Verwandte Konzepte
letter-spacingCSS-Eigenschaftline-heightCSS-Eigenschafttext-transformCSS-Eigenschaft
Spezifikationen
| Specification |
|---|
| CSS Fonts Module Level 4 |
Siehe auch
- CSS-Schriftarten Laden Modul
- CSS-Schriftarten Lade-API
- CSS-Text Modul
- CSS-Schreibmodi Modul