A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/de/docs/Web/API/CSSFontFeatureValuesRule below:

CSSFontFeatureValuesRule - Web-APIs | MDN

CSSFontFeatureValuesRule

Baseline 2025 *

Newly available

Das CSSFontFeatureValuesRule-Interface repräsentiert eine @font-feature-values at-rule, die es Entwicklern ermöglicht, für jede Schriftart einen gemeinsamen Namen zuzuweisen, um Indizes für Features zu spezifizieren, die in font-variant-alternates verwendet werden sollen.

CSSRule CSSFontFeatureValuesRule Instanz-Eigenschaften

Erbt Eigenschaften von seinem Vorfahren CSSRule.

CSSFontFeatureValuesRule.fontFamily

Ein String, der die Schriftfamilie identifiziert, auf die diese Regel angewendet wird.

Instanz-Methoden

Erbt Methoden von seinem Vorfahren CSSRule.

Beispiele Schriftfamilie auslesen

In diesem Beispiel deklarieren wir zwei @font-feature-values, eine für die Schriftfamilie Font One und eine andere für Font Two. Anschließend verwenden wir das CSSOM, um diese Schriftfamilien auszulesen und sie im Log anzuzeigen.

HTML CSS
/* At-rule for "nice-style" in Font One */
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

/* At-rule for "nice-style" in Font Two */
@font-feature-values Font Two {
  @styleset {
    nice-style: 4;
  }
}

/* Apply the at-rules with a single declaration */
.nice-look {
  font-variant-alternates: styleset(nice-style);
}
JavaScript
const log = document.getElementById("log");
const rules = document.styleSheets[document.styleSheets.length - 1].cssRules;

const fontOne = rules[0]; // A CSSFontFeatureValuesRule
log.textContent = `The 1st '@font-feature-values' family: "${fontOne.fontFamily}".\n`;

const fontTwo = rules[1]; // Another CSSFontFeatureValuesRule
log.textContent += `The 2nd '@font-feature-values' family: "${fontTwo.fontFamily}".`;
Spezifikationen Browser-Kompatibilität Siehe auch MDN-Feedback-Box War diese Übersetzung hilfreich?

Diese Seite wurde automatisch aus dem Englischen übersetzt.


RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4