CSSFontFeatureValuesRule: annotation property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The read-only annotation property of the CSSFontFeatureValuesRule interface contains a CSSFontFeatureValuesMap object representing the user-defined-ident and feature index for a variable font which supports annotation().
Value
A CSSFontFeatureValuesMap object.
Although the annotation property itself is read-only in the sense that you can't replace the CSSFontFeatureValuesMap object, you can still assign to the annotation property directly. You can also modify the values of the annotation using the CSSFontFeatureValuesMap instance methods.
Examples
Basic usage
CSS
css
@font-feature-values "MonteCarlo" {
@annotation {
my-annotations: 1;
}
}
JavaScript
js
// look for the first stylesheet and the first cssRule in that sheet
const myRule = document.styleSheets[0].cssRules[0];
// check
if (myRule instanceof CSSFontFeatureValuesRule && myRule.annotation.size) {
// do something with the annotation
}
Specifications
| Specification |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfeaturevaluesrule-annotation |
Browser compatibility
See also
@annotationannotation()functional notationCSSFontFeatureValuesMap