font-feature-settings

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Der font-feature-settings CSS-Deskriptor ermöglicht es Ihnen, die anfänglichen Einstellungen für die durch die @font-face At-Regel definierte Schriftart festzulegen. Sie können diesen Deskriptor auch verwenden, um typografische Schriftmerkmale wie Ligaturen, Kapitälchen und Schwungbuchstaben für die durch @font-face definierte Schriftart zu steuern. Die Werte für diesen Deskriptor sind dieselben wie für die font-feature-settings Eigenschaft, außer den globalen Schlüsselwortwerten.

Da dieser Deskriptor die Werte von Merkmalen auf das Schriftobjekt in der @font-face At-Regel anwendet und nicht auf ein gesamtes Element, können nur einige Glyphen in einem Element mit diesem Deskriptor dargestellt werden.

Syntax

css
/* Use the default settings */
font-feature-settings: normal;

/* Set values for OpenType feature tags */
font-feature-settings: "smcp";
font-feature-settings: "smcp" on;
font-feature-settings: "swsh" 2;

Werte

Dieser Deskriptor wird entweder durch das Schlüsselwort normal oder als kommaseparierte Liste von <feature-tag-value> Werten spezifiziert. Beim Rendern von Text wird die Liste der OpenType <feature-tag-value> Werte an die Textlayout-Engine übergeben, um Schriftmerkmale zu aktivieren oder zu deaktivieren.

normal

Zeigt an, dass der Text mit den Standardeinstellungen für Schriften ausgelegt wird. Dies ist der Standardwert.

<feature-tag-value>

Stellt ein durch Leerzeichen getrenntes Tupel dar, bestehend aus einem Tag-Namen und einem optionalen Wert.

Der Tag-Name ist immer ein <string> aus vier ASCII Zeichen. Wenn der Tag-Name mehr oder weniger Zeichen hat oder Zeichen außerhalb des U+20 – U+7E Bereichs enthält, ist der Deskriptor ungültig.

Der optionale Wert kann eine positive ganze Zahl oder das Schlüsselwort on oder off sein. Die Schlüsselwörter on und off sind Synonyme für die Werte 1 und 0. Wenn kein Wert gesetzt ist, ist der Standardwert 1. Für nicht-boolesche OpenType-Funktionen (z.B. stylistische Alternativen) impliziert der Wert ein bestimmtes Glyph zu wählen; für boolesche Funktionen aktiviert oder deaktiviert der Wert das Merkmal.

Formale Definition

Zugehörige @-Regel@font-face
Anfangswertnormal
Berechneter Wertwie angegeben

Formale Syntax

font-feature-settings = 
  normal                |
  <feature-tag-value>#  

<feature-tag-value> = 
  <opentype-tag> [ <integer [0,∞]> | on | off ]?  

<opentype-tag> = 
  <string>

Beispiele

Schwungbuchstaben mit der @font-face At-Regel aktivieren

In diesem Beispiel werden der Tag-Name swsh und ein boolescher Wert 1 als Wert für den Deskriptor font-feature-settings in der @font-face At-Regel verwendet.

HTML

html
<p class="swash-off">Swash is off here</p>
<p class="swash-on">Swash is on here</p>

CSS

css
@font-face {
  font-family: MonteCarlo;
  src: url("montecarlo-regular.woff2");
}
@font-face {
  font-family: MonteCarlo2;
  src: url("montecarlo-regular.woff2");
  font-feature-settings: "swsh" 1;
}
p {
  font-size: 3rem;
  margin: 0.7rem 3rem;
}
.swash-off {
  font-family: MonteCarlo;
}
.swash-on {
  font-family: MonteCarlo2;
}

Ergebnis

Zeile 1 zeigt das Standard-Schmuckdesign der MonteCarlo Schriftart, und Zeile 2 zeigt, wie die Standardglyphen durch Swash Glyphen ersetzt werden.

Spezifikationen

Specification
CSS Fonts Module Level 4
# font-rend-desc

Browser-Kompatibilität

Siehe auch