CSS font-feature-settings-Eigenschaft
Die Eigenschaft font-feature-settings steuert erweiterte typografische Funktionen in OpenType-Schriften. Die Eigenschaft akzeptiert normal oder ein oder mehrere <feature-tag-value>-Paare. normal ist der Standardwert. Jeder <feature-tag-value> besteht aus einem String (dem OpenType-Funktions-Tag) gefolgt von einer ganzen Zahl (dem Aktivierungswert). Die Schlüsselwörter on und off sind Synonyme für 1 bzw. 0. Wenn kein Wert angegeben wird, ist der Anfangswert normal. Mehrere Funktionen können als durch Kommas getrennte Liste angegeben werden.
Neben Standard-Ligaturen unterstützt die Eigenschaft font-feature-settings viele weitere Werte, einschließlich Small Caps. Die Eigenschaft font-variant: small-caps ist jedoch die Standardmethode zum Aktivieren von Small Caps, daher sollte font-feature-settings nicht dafür verwendet werden.
Für eine bessere Browserunterstützung können einige Präfixe erforderlich sein.
| Anfangswert | normal |
|---|---|
| Gilt für | Alle Elemente. Gilt auch für ::first-letter und ::first-line. |
| Vererbt | Ja. |
| Animierbar | Nein. |
| Version | CSS3 |
| DOM-Syntax | object.style.fontFeatureSettings = "normal"; |
Syntax
Syntax der CSS font-feature-settings-Eigenschaft
font-feature-settings: normal | <feature-tag-value># | initial | inherit;Beispiel für die font-feature-settings-Eigenschaft:
Beispiel der CSS font-feature-settings-Eigenschaft mit dem Wert smcp
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
h2 {
font-family: sans-serif;
}
h3 {
font-feature-settings: "smcp" 1;
}
</style>
</head>
<body>
<h2>Font-feature-settings example</h2>
<h3>The font-feature-settings CSS property controls advanced typographic features in OpenType fonts.</h3>
</body>
</html>Werte
| Wert | Beschreibung |
|---|---|
| normal | Dies ist der Standardwert dieser Eigenschaft. |
<feature-tag-value> | Beim Rendern von Text wird die Liste der OpenType-Funktions-Tag-Werte an die Textlayout-Engine übergeben, um Schriftfunktionen zu aktivieren oder zu deaktivieren. |
| initial | Legt fest, dass die Eigenschaft ihren Standardwert verwendet. |
| inherit | Erbt die Eigenschaft vom Elternelement. |
Praxis
Wofür wird die CSS-Eigenschaft font-feature-settings verwendet?