{ "dom-cssfontfacerule-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontFaceRule.json", "name": "style", "slug": "API/CSSFontFaceRule/style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontFaceRule/style", "summary": "The read-only style property of the CSSFontFaceRule interface returns the style information from the @font-face at-rule. This will be in the form of a CSSStyleDeclaration object.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": { "version_added": "12.1" }, "opera_android": { "version_added": "12.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSFontFaceRule: style property" } ], "om-fontface": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontFaceRule.json", "name": "CSSFontFaceRule", "slug": "API/CSSFontFaceRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontFaceRule", "summary": "The CSSFontFaceRule interface represents an @font-face at-rule.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": { "version_added": "12.1" }, "opera_android": { "version_added": "12.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "CSSFontFaceRule" } ], "dom-cssfontfeaturevaluesrule-fontfamily": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontFeatureValuesRule.json", "name": "fontFamily", "slug": "API/CSSFontFeatureValuesRule/fontFamily", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontFeatureValuesRule/fontFamily", "summary": "The fontFamily property of the CSSConditionRule interface represents the name of the font family it applies to.", "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "111" } }, "title": "CSSFontFeatureValuesRule: fontFamily property" } ], "cssfontfeaturevaluesrule": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontFeatureValuesRule.json", "name": "CSSFontFeatureValuesRule", "slug": "API/CSSFontFeatureValuesRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontFeatureValuesRule", "summary": "The CSSFontFeatureValuesRule interface represents an @font-feature-values at-rule, letting developers assign for each font face a common name to specify features indices to be used in font-variant-alternates.", "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.2" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "111" } }, "title": "CSSFontFeatureValuesRule" } ], "dom-cssfontpalettevaluesrule-basepalette": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontPaletteValuesRule.json", "name": "basePalette", "slug": "API/CSSFontPaletteValuesRule/basePalette", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontPaletteValuesRule/basePalette", "summary": "The read-only basePalette property of the CSSFontPaletteValuesRule interface indicates the base palette associated with the rule.", "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "107" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "101" } }, "title": "CSSFontPaletteValuesRule: basePalette property" } ], "dom-cssfontpalettevaluesrule-fontfamily": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontPaletteValuesRule.json", "name": "fontFamily", "slug": "API/CSSFontPaletteValuesRule/fontFamily", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontPaletteValuesRule/fontFamily", "summary": "The read-only fontFamily property of the CSSFontPaletteValuesRule interface lists the font families the rule can be applied to. The font families must be named families; generic families like courier are not valid.", "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "107" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "101" } }, "title": "CSSFontPaletteValuesRule: fontFamily property" } ], "dom-cssfontpalettevaluesrule-name": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontPaletteValuesRule.json", "name": "name", "slug": "API/CSSFontPaletteValuesRule/name", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontPaletteValuesRule/name", "summary": "The read-only name property of the CSSFontPaletteValuesRule interface represents the name identifying the associated @font-palette-values at-rule. A valid name always starts with two dashes, such as --Alternate.", "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "107" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "101" } }, "title": "CSSFontPaletteValuesRule: name property" } ], "dom-cssfontpalettevaluesrule-overridecolors": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontPaletteValuesRule.json", "name": "overrideColors", "slug": "API/CSSFontPaletteValuesRule/overrideColors", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontPaletteValuesRule/overrideColors", "summary": "The read-only overrideColors property of the CSSFontPaletteValuesRule interface is a string containing a list of color index and color pair that are to be used instead. It is specified in the same format as the corresponding override-colors descriptor.", "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "107" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "101" } }, "title": "CSSFontPaletteValuesRule: overrideColors property" } ], "om-fontpalettevalues": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "api/CSSFontPaletteValuesRule.json", "name": "CSSFontPaletteValuesRule", "slug": "API/CSSFontPaletteValuesRule", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/API/CSSFontPaletteValuesRule", "summary": "The CSSFontPaletteValuesRule interface represents an @font-palette-values at-rule.", "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "107" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "101" } }, "title": "CSSFontPaletteValuesRule" } ], "font-metrics-override-desc": [ { "engines": [ "blink", "gecko" ], "filename": "css/at-rules/font-face.json", "name": "ascent-override", "slug": "CSS/@font-face/ascent-override", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/ascent-override", "summary": "The ascent-override CSS descriptor for the @font-face at-rule defines the ascent metric for the font. The ascent metric is the height above the baseline that CSS uses to lay out line boxes in an inline formatting context.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "89" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "ascent-override" }, { "engines": [ "blink", "gecko" ], "filename": "css/at-rules/font-face.json", "name": "descent-override", "slug": "CSS/@font-face/descent-override", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/descent-override", "summary": "The descent-override CSS descriptor for the @font-face at-rule defines the descent metric for the font. The descent metric is the height below the baseline that CSS uses to lay out line boxes in an inline formatting context.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "89" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "descent-override" }, { "engines": [ "blink", "gecko" ], "filename": "css/at-rules/font-face.json", "name": "line-gap-override", "slug": "CSS/@font-face/line-gap-override", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/line-gap-override", "summary": "The line-gap-override CSS descriptor for the @font-face at-rule defines the line-gap metric for the font. The line-gap metric is the font recommended line-gap or external leading.", "support": { "chrome": { "version_added": "87" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "89" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "87" } }, "title": "line-gap-override" } ], "font-display-desc": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "font-display", "slug": "CSS/@font-face/font-display", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display", "summary": "The font-display descriptor for the @font-face at-rule determines how a font face is displayed based on whether and when it is downloaded and ready to use.", "support": { "chrome": { "version_added": "60" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "58" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "11.1" }, "safari_ios": "mirror", "samsunginternet_android": { "version_added": "11.0" }, "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "caniuse": { "feature": "css-font-rendering-controls", "title": "CSS font-display" }, "title": "font-display" } ], "font-family-desc": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "font-family", "slug": "CSS/@font-face/font-family", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-family", "summary": "The font-family CSS descriptor sets the font family for a font specified in an @font-face at-rule.", "support": { "chrome": { "version_added": "4" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "6" }, "oculus": "mirror", "opera": { "version_added": "10" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "2.2" }, "edge_blink": { "version_added": "79" } }, "title": "font-family" } ], "font-rend-desc": [ { "engines": [ "gecko" ], "filename": "css/at-rules/font-face.json", "name": "font-feature-settings", "slug": "CSS/@font-face/font-feature-settings", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-feature-settings", "summary": "The font-feature-settings CSS descriptor allows you to define the initial settings to use for the font defined by the @font-face at-rule. You can further use this descriptor to control typographic font features such as ligatures, small caps, and swashes, for the font defined by @font-face. The values for this descriptor are the same as the font-feature-settings property, except for the global keyword values.", "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "34", "notes": "The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS." }, { "prefix": "-moz-", "version_added": "15", "notes": "From Firefox 4 to Firefox 14 (inclusive), Firefox supported an older, slightly different syntax. See OpenType Font Feature support in Firefox 4." } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": false } }, "title": "font-feature-settings" }, { "engines": [ "gecko" ], "filename": "css/at-rules/font-face.json", "name": "font-variation-settings", "slug": "CSS/@font-face/font-variation-settings", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-variation-settings", "summary": "The font-variation-settings CSS descriptor allows authors to specify low-level OpenType or TrueType font variations in the @font-face at-rule. The values for this descriptor are the same as the font-variation-settings property, except for the global keyword values.", "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "62" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": false } }, "title": "font-variation-settings" } ], "font-prop-desc": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "font-stretch", "slug": "CSS/@font-face/font-stretch", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-stretch", "summary": "The font-stretch CSS descriptor allows authors to specify a normal, condensed, or expanded face for the fonts specified in the @font-face at-rule.", "support": { "chrome": { "version_added": "62" }, "chrome_android": "mirror", "edge": { "version_added": "17" }, "firefox": { "version_added": "62" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": { "version_added": "41" }, "safari": { "version_added": "10.1" }, "safari_ios": "mirror", "samsunginternet_android": { "version_added": "6.0" }, "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-stretch" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "font-style", "slug": "CSS/@font-face/font-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-style", "summary": "The font-style CSS descriptor allows authors to specify font styles for the fonts specified in the @font-face at-rule.", "support": { "chrome": { "version_added": "4" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "10" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "font-style" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "font-weight", "slug": "CSS/@font-face/font-weight", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-weight", "summary": "The font-weight CSS descriptor allows authors to specify font weights for the fonts specified in the @font-face at-rule. The font-weight property can separately be used to set how thick or thin characters in text should be displayed.", "support": { "chrome": { "version_added": "4" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "10" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "font-weight" } ], "font-variant-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "font-variant", "slug": "CSS/@font-face/font-variant", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-variant", "summary": "The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.", "support": { "chrome": { "version_added": "4" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "10" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "@font-face" }, { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-variant.json", "name": "font-variant", "slug": "CSS/font-variant", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant", "summary": "The font-variant CSS shorthand property allows you to set all the font variants for a font.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "11" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-variant" }, { "engines": [], "filename": "svg/attributes/presentation.json", "name": "font-variant", "slug": "SVG/Attribute/font-variant", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-variant", "summary": "The font-variant attribute indicates whether the text is to be rendered using variations of the font's glyphs.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": null }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "title": "font-variant" } ], "src-desc": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "src", "slug": "CSS/@font-face/src", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src", "summary": "The src CSS descriptor for the @font-face at-rule specifies the resource containing font data. It is required for the @font-face rule to be valid.", "support": { "chrome": { "version_added": "4" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "6" }, "oculus": "mirror", "opera": { "version_added": "10" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "2.2" }, "edge_blink": { "version_added": "79" } }, "title": "src" } ], "unicode-range-desc": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "unicode-range", "slug": "CSS/@font-face/unicode-range", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range", "summary": "The unicode-range CSS descriptor sets the specific range of characters to be used from a font defined using the @font-face at-rule and made available for use on the current page. If the page doesn't use any character in this range, the font is not downloaded; if it uses at least one, the whole font is downloaded.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "36" }, "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "3.1" }, "safari_ios": { "version_added": "3" }, "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "caniuse": { "feature": "font-unicode-range", "title": "Font unicode-range subsetting" }, "title": "unicode-range" } ], "font-face-rule": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-face.json", "name": "font-face", "slug": "CSS/@font-face", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face", "summary": "The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "10" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "3.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "@font-face" } ], "font-feature-values": [ { "engines": [ "gecko", "webkit" ], "filename": "css/at-rules/font-feature-values.json", "name": "font-feature-values", "slug": "CSS/@font-feature-values", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-feature-values", "summary": "The @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your CSS when using multiple fonts.", "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": false } }, "title": "@font-feature-values" } ], "at-ruledef-font-palette-values": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/at-rules/font-palette-values.json", "name": "font-palette-values", "slug": "CSS/@font-palette-values", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/@font-palette-values", "summary": "The @font-palette-values CSS at-rule allows you to customize the default values of font-palette created by the font-maker.", "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "107" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "101" } }, "title": "@font-palette-values" } ], "generic-font-families": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-family.json", "name": "font-family", "slug": "CSS/font-family", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family", "summary": "The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Not supported on option elements. See bug 1536148." }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-family" }, { "engines": [], "filename": "svg/attributes/presentation.json", "name": "font-family", "slug": "SVG/Attribute/font-family", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-family", "summary": "The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": null }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "title": "font-family" } ], "font-family-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-family.json", "name": "font-family", "slug": "CSS/font-family", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family", "summary": "The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Not supported on option elements. See bug 1536148." }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-family" }, { "engines": [], "filename": "svg/attributes/presentation.json", "name": "font-family", "slug": "SVG/Attribute/font-family", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-family", "summary": "The font-family attribute indicates which font family will be used to render the text, specified as a prioritized list of font family names and/or generic family names.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": null }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "title": "font-family" } ], "font-feature-settings-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-feature-settings.json", "name": "font-feature-settings", "slug": "CSS/font-feature-settings", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings", "summary": "The font-feature-settings CSS property controls advanced typographic features in OpenType fonts.", "support": { "chrome": [ { "version_added": "48" }, { "prefix": "-webkit-", "version_added": "16" } ], "chrome_android": { "version_added": "48" }, "edge": { "version_added": "15" }, "firefox": [ { "version_added": "34", "notes": "The ISO/IEC CD 14496-22 3rd edition suggests using the ssty feature to provide glyph variants more suitable for use in scripts (for example primes used as superscripts). Starting with Firefox 29, this is done automatically by the MathML rendering engine. The ISO/IEC CD 14496-22 3rd edition also suggests applying the dtls feature to letters when placing mathematical accents to get dotless forms (for example dotless i, j with a hat). Starting with Firefox 35, this is done automatically by the MathML rendering engine. You can override the default values determined by the MathML rendering engine with CSS." }, { "prefix": "-moz-", "version_added": "15", "notes": "From Firefox 4 to Firefox 14 (inclusive), Firefox supported an older, slightly different syntax. See OpenType Font Feature support in Firefox 4." } ], "firefox_android": "mirror", "ie": { "version_added": "10" }, "oculus": "mirror", "opera": "mirror", "opera_android": [ { "version_added": "35" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": { "version_added": "9.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "4.4" }, "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "font-feature-settings" } ], "font-kerning-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-kerning.json", "name": "font-kerning", "slug": "CSS/font-kerning", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-kerning", "summary": "The font-kerning CSS property sets the use of the kerning information stored in a font.", "support": { "chrome": [ { "version_added": "33" }, { "prefix": "-webkit-", "version_added": "29", "version_removed": "33" } ], "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "32" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": [ { "version_added": "9" }, { "version_added": "6", "prefix": "-webkit-" } ], "safari_ios": "mirror", "samsunginternet_android": [ { "version_added": "2.0" }, { "prefix": "-webkit-", "version_added": "1.0", "version_removed": "2.0" } ], "webview_android": "mirror", "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": false, "version_removed": "33" } ] }, "caniuse": { "feature": "font-kerning", "title": "CSS3 font-kerning" }, "title": "font-kerning" } ], "font-language-override-prop": [ { "engines": [ "gecko" ], "filename": "css/properties/font-language-override.json", "name": "font-language-override", "slug": "CSS/font-language-override", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-language-override", "summary": "The font-language-override CSS property controls the use of language-specific glyphs in a typeface.", "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": [ { "version_added": "34" }, { "prefix": "-moz-", "version_added": "4" } ], "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": false } }, "title": "font-language-override" } ], "font-optical-sizing-def": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-optical-sizing.json", "name": "font-optical-sizing", "slug": "CSS/font-optical-sizing", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-optical-sizing", "summary": "The font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes.", "support": { "chrome": { "version_added": "79" }, "chrome_android": "mirror", "edge": { "version_added": "17" }, "firefox": { "version_added": "62" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "11" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-optical-sizing" } ], "font-palette-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-palette.json", "name": "font-palette", "slug": "CSS/font-palette", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-palette", "summary": "The font-palette CSS property allows specifying one of the many palettes contained in a font that a user agent should use for the font. Users can also override the values in a palette or create a new palette by using the @font-palette-values at-rule.", "support": { "chrome": { "version_added": "101" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "107" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "15.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "101" } }, "title": "font-palette" } ], "font-size-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-size.json", "name": "font-size", "slug": "CSS/font-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-size", "summary": "The font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative units, such as em, ex, and so forth.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "5.5" }, "oculus": "mirror", "opera": { "version_added": "7" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "font-size" }, { "engines": [], "filename": "svg/attributes/presentation.json", "name": "font-size", "slug": "SVG/Attribute/font-size", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-size", "summary": "The font-size attribute refers to the size of the font from baseline to baseline when multiple lines of text are set solid in a multiline layout environment.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": null }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "title": "font-size" } ], "font-stretch-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-stretch.json", "name": "font-stretch", "slug": "CSS/font-stretch", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch", "summary": "The font-stretch CSS property selects a normal, condensed, or expanded face from a font.", "support": { "chrome": { "version_added": "60", "notes": "A font-stretch definition must be added to the @font-face before this property will function." }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "9" }, "firefox_android": "mirror", "ie": { "version_added": "9" }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "11" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79", "notes": "A font-stretch definition must be added to the @font-face before this property will function." } }, "caniuse": { "feature": "css-font-stretch", "title": "CSS font-stretch" }, "title": "font-stretch" }, { "engines": [], "filename": "svg/attributes/presentation.json", "name": "font-stretch", "slug": "SVG/Attribute/font-stretch", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-stretch", "summary": "The font-stretch attribute indicates the desired amount of condensing or expansion in the glyphs used to render the text.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": null }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "caniuse": { "feature": "css-font-stretch", "title": "CSS font-stretch" }, "title": "font-stretch" } ], "font-style-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-style.json", "name": "font-style", "slug": "CSS/font-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-style", "summary": "The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1", "notes": "Before Firefox 44, oblique was not distinguished from italic." }, "firefox_android": "mirror", "ie": { "version_added": "4" }, "oculus": "mirror", "opera": { "version_added": "7" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-style" }, { "engines": [], "filename": "svg/attributes/presentation.json", "name": "font-style", "slug": "SVG/Attribute/font-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-style", "summary": "The font-style attribute specifies whether the text is to be rendered using a normal, italic, or oblique face.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": null }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "title": "font-style" } ], "font-synthesis-small-caps": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-synthesis-small-caps.json", "name": "font-synthesis-small-caps", "slug": "CSS/font-synthesis-small-caps", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis-small-caps", "summary": "The font-synthesis-small-caps CSS property lets you specify whether or not the browser may synthesize small-caps typeface when it is missing in a font family. Small-caps glyphs typically use the form of uppercase letters but are reduced to the size of lowercase letters.", "support": { "chrome": { "version_added": "97" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "111" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4", "notes": "bug 232009." }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "97" } }, "title": "font-synthesis-small-caps" } ], "font-synthesis-style": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-synthesis-style.json", "name": "font-synthesis-style", "slug": "CSS/font-synthesis-style", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis-style", "summary": "The font-synthesis-style CSS property lets you specify whether or not the browser may synthesize the oblique typeface when it is missing in a font family.", "support": { "chrome": { "version_added": "97" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "111" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "97" } }, "title": "font-synthesis-style" } ], "font-synthesis-weight": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-synthesis-weight.json", "name": "font-synthesis-weight", "slug": "CSS/font-synthesis-weight", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis-weight", "summary": "The font-synthesis-weight CSS property lets you specify whether or not the browser may synthesize the bold typeface when it is missing in a font family.", "support": { "chrome": { "version_added": "97" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "111" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "97" } }, "title": "font-synthesis-weight" } ], "font-synthesis": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-synthesis.json", "name": "font-synthesis", "slug": "CSS/font-synthesis", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis", "summary": "The font-synthesis shorthand CSS property lets you specify whether or not the browser may synthesize the bold, italic, and/or small-caps typefaces when they are missing in the specified font-family.", "support": { "chrome": { "version_added": "97" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "97" } }, "title": "font-synthesis" } ], "font-variant-alternates-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-variant-alternates.json", "name": "font-variant-alternates", "slug": "CSS/font-variant-alternates", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-alternates", "summary": "The font-variant-alternates CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values.", "support": { "chrome": { "version_added": "111" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "111" } }, "title": "font-variant-alternates" } ], "font-variant-caps-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-variant-caps.json", "name": "font-variant-caps", "slug": "CSS/font-variant-caps", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-caps", "summary": "The font-variant-caps CSS property controls the use of alternate glyphs for capital letters.", "support": { "chrome": { "version_added": "52" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-variant-caps" } ], "font-variant-east-asian-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-variant-east-asian.json", "name": "font-variant-east-asian", "slug": "CSS/font-variant-east-asian", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-east-asian", "summary": "The font-variant-east-asian CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.", "support": { "chrome": { "version_added": "63" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-variant-east-asian" } ], "font-variant-emoji-prop": [ { "engines": [ "gecko" ], "needsflag": [ "gecko" ], "filename": "css/properties/font-variant-emoji.json", "name": "font-variant-emoji", "slug": "CSS/font-variant-emoji", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-emoji", "summary": "The font-variant-emoji CSS property specifies the default presentation style for displaying emojis.", "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "108", "flags": [ { "name": "layout.css.font-variant-emoji.enabled", "type": "preference", "value_to_set": "true" } ] }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": false } }, "title": "font-variant-emoji" }, { "engines": [ "gecko" ], "filename": "css/properties/font-variant.json", "name": "font-variant-emoji", "slug": "CSS/font-variant-emoji", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-emoji", "summary": "The font-variant-emoji CSS property specifies the default presentation style for displaying emojis.", "support": { "chrome": { "version_added": false }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "108" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": false }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": false } }, "title": "font-variant-emoji" } ], "font-variant-ligatures-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-variant-ligatures.json", "name": "font-variant-ligatures", "slug": "CSS/font-variant-ligatures", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-ligatures", "summary": "The font-variant-ligatures CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.", "support": { "chrome": [ { "version_added": "34" }, { "prefix": "-webkit-", "version_added": "31" } ], "chrome_android": { "version_added": "34" }, "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": [ { "version_added": "21" }, { "prefix": "-webkit-", "version_added": "19" } ], "opera_android": [ { "version_added": "21" }, { "prefix": "-webkit-", "version_added": "19" } ], "safari": [ { "version_added": "9.1" }, { "prefix": "-webkit-", "version_added": "7" } ], "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": [ { "version_added": "37" }, { "prefix": "-webkit-", "version_added": "4.4" } ], "edge_blink": [ { "version_added": "79" }, { "prefix": "-webkit-", "version_added": "79" } ] }, "title": "font-variant-ligatures" } ], "font-variant-numeric-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-variant-numeric.json", "name": "font-variant-numeric", "slug": "CSS/font-variant-numeric", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric", "summary": "The font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.", "support": { "chrome": { "version_added": "52" }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-variant-numeric" } ], "font-variant-position-prop": [ { "engines": [ "gecko", "webkit" ], "filename": "css/properties/font-variant-position.json", "name": "font-variant-position", "slug": "CSS/font-variant-position", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-position", "summary": "The font-variant-position CSS property controls the use of alternate, smaller glyphs that are positioned as superscript or subscript.", "support": { "chrome": { "version_added": false, "notes": "See bug 1212668." }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": "34" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "9.1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": false, "notes": "See bug 1212668." } }, "title": "font-variant-position" } ], "font-variation-settings-def": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-variation-settings.json", "name": "font-variation-settings", "slug": "CSS/font-variation-settings", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variation-settings", "summary": "The font-variation-settings CSS property provides low-level control over variable font characteristics by letting you specify the four letter axis names of the characteristics you want to vary along with their values.", "support": { "chrome": { "version_added": "62" }, "chrome_android": "mirror", "edge": { "version_added": "17" }, "firefox": { "version_added": "62" }, "firefox_android": "mirror", "ie": { "version_added": false }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "11", "notes": "Requires macOS 10.13 High Sierra or later." }, "safari_ios": { "version_added": "11", "notes": "Requires iOS 11 or later." }, "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "caniuse": { "feature": "variable-fonts", "title": "Variable fonts" }, "title": "font-variation-settings" } ], "font-weight-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font-weight.json", "name": "font-weight", "slug": "CSS/font-weight", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight", "summary": "The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.", "support": { "chrome": { "version_added": "2" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": { "version_added": "10.1" }, "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": "79" } }, "title": "font-weight" }, { "engines": [], "filename": "svg/attributes/presentation.json", "name": "font-weight", "slug": "SVG/Attribute/font-weight", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-weight", "summary": "The font-weight attribute refers to the boldness or lightness of the glyphs used to render the text, relative to other fonts in the same font family.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": null }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "title": "font-weight" } ], "font-prop": [ { "engines": [ "blink", "gecko", "webkit" ], "filename": "css/properties/font.json", "name": "font", "slug": "CSS/font", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font", "summary": "The font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font.", "support": { "chrome": { "version_added": "1" }, "chrome_android": "mirror", "edge": { "version_added": "12" }, "firefox": { "version_added": "1" }, "firefox_android": "mirror", "ie": { "version_added": "3" }, "oculus": "mirror", "opera": { "version_added": "3.5" }, "opera_android": "mirror", "safari": { "version_added": "1" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": { "version_added": "37" }, "edge_blink": { "version_added": "79" } }, "title": "font" } ], "font-size-adjust-prop": [ { "engines": [ "webkit" ], "filename": "svg/attributes/presentation.json", "name": "font-size-adjust", "slug": "SVG/Attribute/font-size-adjust", "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/font-size-adjust", "summary": "The font-size-adjust attribute allows authors to specify an aspect value for an element that will preserve the x-height of the first choice font in a substitute font.", "support": { "chrome": { "version_added": null }, "chrome_android": "mirror", "edge": "mirror", "firefox": { "version_added": null }, "firefox_android": "mirror", "ie": { "version_added": null }, "oculus": "mirror", "opera": "mirror", "opera_android": "mirror", "safari": { "version_added": "16.4" }, "safari_ios": "mirror", "samsunginternet_android": "mirror", "webview_android": "mirror", "edge_blink": { "version_added": null } }, "caniuse": { "feature": "font-size-adjust", "title": "CSS font-size-adjust" }, "title": "font-size-adjust" } ] }