Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browserkompatibilität beachtet werden. Es ist auch möglich, dass die Syntax in einer späteren Spezifikation noch geändert wird.
Zusammenfassung
Die Eigenschaft font-feature-settings
ermöglicht die Kontrolle von erweiterten typografischen Eigenschaften in OpenType-Schriftarten.
Anmerkung: Wenn möglich sollte die Eigenschaft
Diese Eigenschaft sollte insbesondere nicht genutzt werden, um Kapitälchen zu aktivieren.
font-variant
genutzt werden. Diese Eigenschaft wurde speziell für Fälle entwickelt, in denen es nicht möglich ist, eine OpenType-Eigenschaft zu aktivieren oder zu nutzen.Diese Eigenschaft sollte insbesondere nicht genutzt werden, um Kapitälchen zu aktivieren.
Initialwert | normal |
---|---|
Anwendbar auf | alle Elemente. Auch anwendbar auf ::first-letter und ::first-line . |
Vererbt | Ja |
Medien | visuell |
Berechneter Wert | wie angegeben |
Animationstyp | diskret |
Kanonische Reihenfolge | die eindeutige Reihenfolge definiert durch die formale Grammatik |
Syntax
Formale Syntax: normal | <feature-tag-value>#wobei
<feature-tag-value> = <string> [ <integer> | on | off ]?
font-feature-settings: normal font-feature-settings: "smcp" font-feature-settings: "smcp" on font-feature-settings: "swsh" 2 font-feature-settings: "smcp", "swsh" 2 font-feature-settings: inherit
Werte
normal
- Der Text wird mit Standardeinstellungen gesetzt.
<feature-tag-value>
- Beim Rendern von Text wird die Liste der Tag-Wert-Paare an die Text-Layout-Engine übergeben um Eigenschaften zu aktivieren oder zu deaktivieren. Der Tag ist immer ein
<string>
aus 4 ASCII-Zeichen. Wenn eine andere Anzahl an Zeichen übergeben wird oder der Tag Zeichen außerhalb des Coderaumes von U+20 bis U+7E enthält, ist die komplette Eigenschaft ungültig.
Der Wert ist eine positive Ganzzahl, wobei die Schlüsselwörteron
und off entsprechend für1
und0
stehen. Wenn kein Wert übergeben wird, wird standardmäßig von1
ausgegangen. Für nicht-boolsche OpenType-Eigenschaften (z.B. Alternative Stile) selektiert der Wert ein bestimmtes Zeichen, während er für boolsche Eigenschaften einen Schalter darstellt.
Beispiele
/* Kapitälchen aktivieren */ .smallcaps { font-feature-settings: "smcp" on; } /* Groß- und Kleinbuchstaben zu Kapitälchen konvertieren (Zeichensetzung eingeschlossen) */ .allsmallcaps { font-feature-settings: "c2sc", "smcp"; } /* Historische Formen aktivieren */ .hist { font-feature-settings: "hist"; } /* Verbreitete Ligaturen deaktivieren (standardmäßig eingeschaltet) */ .noligs { font-feature-settings: "liga" 0; } /* Nichtproportionale Ziffern (monospace) aktivieren */ td.tabular { font-feature-settings: "tnum"; } /* Automatische Brüche aktivieren */ .fractions { font-feature-settings: "frac"; } /* Das zweite geschwungene Zeichen nutzen */ .swash { font-feature-settings: "swsh" 2; } /* Alternativen Zeichensatz Nr.7 nutzen */ .fancystyle { font-family: Gabriola; /* Verfügbar ab Windows 7 und Mac OS */ font-feature-settings: "ss07"; }
Spezifikation
Spezifikation | Status | Kommentar |
---|---|---|
CSS Fonts Module Level 3 Die Definition von 'font-feature-settings' in dieser Spezifikation. |
Anwärter Empfehlung |
Browserkompatibilität
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
font-feature-settings | Chrome
Vollständige Unterstützung
48
| Edge Vollständige Unterstützung 15 | Firefox
Vollständige Unterstützung
34
| IE Vollständige Unterstützung 10 | Opera
Vollständige Unterstützung
35
| Safari
Vollständige Unterstützung
9.1
| WebView Android Vollständige Unterstützung 4.4 | Chrome Android Vollständige Unterstützung 48 | Firefox Android
Vollständige Unterstützung
34
| Opera Android
Vollständige Unterstützung
35
| Safari iOS
Vollständige Unterstützung
9.3
| Samsung Internet Android Vollständige Unterstützung 5.0 |
Legende
- Vollständige Unterstützung
- Vollständige Unterstützung
- Siehe Implementierungshinweise.
- Siehe Implementierungshinweise.
- Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
- Benötigt ein Herstellerpräfix oder einen anderen Namen zur Verwendung.
Siehe auch
- FontFont OpenType User Guide (pdf)
- OpenType Feature Tags list
- Using the whole font (The -moz syntax is the old one. On Gecko, use the -ms syntax but with -moz).