CSS-Schriften
Das CSS-Schriften Modul definiert schriftbezogene Eigenschaften 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 Schrift ist eine Ressourcendatei, die die visuelle Darstellung von Zeichen enthält und Zeichenkodierungen auf Glyphen abbildet, die Buchstaben, Zahlen, Interpunktionen und sogar Emojis einer Schriftart darstellen. Eine Schriftfamilie ist eine Gruppe von Schriften, die gemeinsame Designstile und Schrifteigenschaften teilen, wobei jedes Mitglied der Gruppe unterschiedliche Arten der Darstellung der Glyphen bietet, variierend in Strichstärke, Neigung oder relativer Breite, unter anderen Attributen. Eine Schrift repräsentiert typischerweise einen einzigen Stil einer Schriftart, wie Helvetica, das fett und kursiv ist. Eine Schriftfamilie ist der vollständige Satz von Stilen. Das Einbinden einer solchen Schrift in ein Dokument oder Design erfolgt durch die Definition einer separaten @font-face-Deklaration für jede Schriftressource.
Die Eigenschaften, At-Regeln und Deskriptoren des CSS-Schriften Moduls ermöglichen das Herunterladen mehrerer Varianten einer Schrift. Sie definieren auch die zu verwendende Schriftdatei für ein bestimmtes Schriftmerkmal sowie Fallback-Anweisungen, falls eine Ressource nicht geladen werden kann. Der CSS-Schriftauswahlmechanismus beschreibt den Prozess der Zuordnung eines gegebenen Satzes von CSS-Schrifteigenschaften zu einem einzelnen Schriftbild.
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 importieren, die alle Stile enthält. Abhängig von der Schrift kann dies eine Vielzahl von Schriftvarianten einschließen. Variable Schriften sind Teil der OpenType-Schriftenspezifikation.
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 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ützt kein Browser diese Funktionen.
- At-Regel:
@font-feature-values
Das CSS-Schriften Modul definiert auch den font-display Deskriptor. Derzeit unterstützt kein 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 Schriftgestaltung
-
Dieser Anfänger-Lernartikel behandelt die grundlegenden Prinzipien der Text- und Schriftgestaltung. Es wird erklärt, wie das Schriftgewicht, die Familie und der Stil durch die Verwendung der
font-Kurzform festgelegt werden und wie Text ausgerichtet sowie Zeilen- und Buchstabenabstand verwaltet werden. - Lernen: Webschriften
-
Dieser Anfänger-Lernartikel erklärt, wie benutzerdefinierte Schriften auf Ihrer Webseite verwendet werden können, um vielfältigere und individuell angepasste Textgestaltungen zu ermöglichen.
- OpenType-Schriftfunktionen
-
Schriftfunktionen oder Varianten beziehen sich auf unterschiedliche Glyphen oder Zeichenstile, die in einer OpenType-Schrift enthalten sind. Dazu gehören Dinge wie Ligaturen (spezielle Glyphen, die Zeichen wie 'fi' oder 'ffl' kombinieren), Kerning (Anpassungen des Abstands zwischen bestimmten Buchstabenpaaren), Brüche, Zahlenstile und eine Reihe anderer. Diese werden alle als OpenType-Funktionen bezeichnet und sind im Web über spezifische Eigenschaften und eine Low-Level-Steuereigenschaft —
font-feature-settings— verfügbar gemacht. Dieser Artikel bietet Ihnen alles, was Sie über die Verwendung von OpenType-Schriftfunktionen in CSS wissen müssen. - Variable Schriften
-
Dieser Artikel hilft Ihnen beim Einstieg in die Verwendung variabler Schriften.
- Verbesserung der Schriftleistung
-
Dieser Artikel, Teil des CSS-Leistungsleitfadens, behandelt das Schriftladen, das Laden nur der erforderlichen Glyphen und die Definition des Schriftanzeigeverhaltens mit dem
font-displayDeskriptor.
Verwandte Konzepte
letter-spacingCSS-Eigenschaftline-heightCSS-Eigenschafttext-transformCSS-Eigenschaft
Spezifikationen
| Specification |
|---|
| CSS Fonts Module Level 4 |
Siehe auch
- CSS-Schriftladen Modul
- CSS-Schriftlade-API
- CSS-Text Modul
- CSS-Schreibmodi Modul