CSSFontFeatureValuesRule
基線 2025 *
新推出
CSSFontFeatureValuesRule 介面代表一個 @font-feature-values at-rule，允許開發者為每個字型人臉（font face）分配一個通用名稱，以指定在 font-variant-alternates 中使用的特性索引。
例項屬性
繼承自其祖先 CSSRule 的屬性。
CSSFontFeatureValuesRule.fontFamily-
一個字串，標識此規則適用的字體系列。
例項方法
繼承其祖先 CSSRule 的方法。
示例
讀取字體系列
在此示例中，我們聲明瞭兩個 @font-feature-values 規則，一個用於Font One字體系列，另一個用於Font Two。然後，我們使用 CSSOM 讀取這些字體系列，並將它們顯示在日誌中。
HTML
html
<pre id="log"></pre>
CSS
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
js
const log = document.getElementById("log");
const rules = document.getElementById("css-output").sheet.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}".`;
規範
| 規範 |
|---|
| CSS 字型模組第 4 級 # cssfontfeaturevaluesrule |
瀏覽器相容性
載入中…