CSSFontFeatureValuesRule: thuộc tính fontFamily
Baseline
2025
Newly available
Since March 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Thuộc tính fontFamily của giao diện CSSFontFeatureValuesRule đại diện cho tên của họ font mà quy tắc này áp dụng.
Giá trị
Một chuỗi.
Ví dụ
Đọc họ font
Trong ví dụ này, chúng ta khai báo hai @font-feature-values: một cho họ font Font One và một cho Font Two. Sau đó chúng ta sử dụng CSSOM để đọc các họ font này và hiển thị vào log.
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}".`;
Thông số kỹ thuật
| Specification |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfeaturevaluesrule-fontfamily |