diff --git a/features/font-family-math.yml b/features/font-family-math.yml new file mode 100644 index 00000000000..4bfc0ad13b3 --- /dev/null +++ b/features/font-family-math.yml @@ -0,0 +1,5 @@ +name: Math font family +description: "The `font-family: math` CSS declaration uses the browser default font face for displaying mathematical expressions." +spec: https://drafts.csswg.org/css-fonts-4/#math-def +compat_features: + - css.properties.font-family.math diff --git a/features/font-family-math.yml.dist b/features/font-family-math.yml.dist new file mode 100644 index 00000000000..5fde06b32d0 --- /dev/null +++ b/features/font-family-math.yml.dist @@ -0,0 +1,11 @@ +# Generated from: font-family-math.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "109" + chrome_android: "109" + edge: "109" +compat_features: + - css.properties.font-family.math diff --git a/features/font-family-system.yml b/features/font-family-system.yml new file mode 100644 index 00000000000..7e64a7be344 --- /dev/null +++ b/features/font-family-system.yml @@ -0,0 +1,6 @@ +name: System font +description: "The `font-family: system-ui` CSS declaration uses the operating system default font for text." +spec: https://drafts.csswg.org/css-fonts-4/#system-ui-def +caniuse: font-family-system-ui +compat_features: + - css.properties.font-family.system-ui diff --git a/features/font-family-system.yml.dist b/features/font-family-system.yml.dist new file mode 100644 index 00000000000..3182b99f927 --- /dev/null +++ b/features/font-family-system.yml.dist @@ -0,0 +1,17 @@ +# Generated from: font-family-system.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2021-09-07 + baseline_high_date: 2024-03-07 + support: + chrome: "56" + chrome_android: "56" + edge: "79" + firefox: "92" + firefox_android: "92" + safari: "11" + safari_ios: "11" +compat_features: + - css.properties.font-family.system-ui diff --git a/features/font-family.yml b/features/font-family.yml new file mode 100644 index 00000000000..31b98c6152f --- /dev/null +++ b/features/font-family.yml @@ -0,0 +1,7 @@ +name: font-family +description: The `font-family` CSS property sets the desired font face for text, along with optional fallback font faces. +spec: https://drafts.csswg.org/css-fonts-4/#font-family-prop +group: fonts +compat_features: + - css.properties.font-family + - svg.global_attributes.font-family diff --git a/features/font-family.yml.dist b/features/font-family.yml.dist new file mode 100644 index 00000000000..c32620e7274 --- /dev/null +++ b/features/font-family.yml.dist @@ -0,0 +1,18 @@ +# Generated from: font-family.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.font-family + - svg.global_attributes.font-family diff --git a/features/font-metric-overrides.yml b/features/font-metric-overrides.yml new file mode 100644 index 00000000000..aceec91cb85 --- /dev/null +++ b/features/font-metric-overrides.yml @@ -0,0 +1,11 @@ +name: Font metric overrides +description: The `ascent-override`, `descent-override`, and `line-gap-override` descriptors adjust the display of a font declared in an `@font-face` statement. This can help make fallback fonts look the same size. +spec: https://drafts.csswg.org/css-fonts-4/#font-metrics-override-desc +group: fonts +compat_features: + - css.at-rules.font-face.ascent-override + - css.at-rules.font-face.descent-override + - css.at-rules.font-face.line-gap-override + - api.FontFace.ascentOverride + - api.FontFace.descentOverride + - api.FontFace.lineGapOverride diff --git a/features/font-metric-overrides.yml.dist b/features/font-metric-overrides.yml.dist new file mode 100644 index 00000000000..b40ba0be90b --- /dev/null +++ b/features/font-metric-overrides.yml.dist @@ -0,0 +1,18 @@ +# Generated from: font-metric-overrides.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: false + support: + chrome: "87" + chrome_android: "87" + edge: "87" + firefox: "89" + firefox_android: "89" +compat_features: + - api.FontFace.ascentOverride + - api.FontFace.descentOverride + - api.FontFace.lineGapOverride + - css.at-rules.font-face.ascent-override + - css.at-rules.font-face.descent-override + - css.at-rules.font-face.line-gap-override diff --git a/features/font-shorthand.yml b/features/font-shorthand.yml new file mode 100644 index 00000000000..d14ce881427 --- /dev/null +++ b/features/font-shorthand.yml @@ -0,0 +1,6 @@ +name: Font shorthand +description: The `font` CSS property shorthand sets multiple font properties, including style, weight, size, and font family. +spec: https://drafts.csswg.org/css-fonts-4/#font-prop +group: fonts +compat_features: + - css.properties.font diff --git a/features/font-shorthand.yml.dist b/features/font-shorthand.yml.dist new file mode 100644 index 00000000000..e7c5ab6206e --- /dev/null +++ b/features/font-shorthand.yml.dist @@ -0,0 +1,17 @@ +# Generated from: font-shorthand.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + - css.properties.font diff --git a/features/font-size-adjust.yml b/features/font-size-adjust.yml index 7ea491155c7..ae1470af680 100644 --- a/features/font-size-adjust.yml +++ b/features/font-size-adjust.yml @@ -14,3 +14,4 @@ compat_features: - css.properties.font-size-adjust.none - css.properties.font-size-adjust.two-values - svg.global_attributes.font-size-adjust + - css.at-rules.font-face.size-adjust diff --git a/features/font-size-adjust.yml.dist b/features/font-size-adjust.yml.dist index 2f1d5535848..8483422f600 100644 --- a/features/font-size-adjust.yml.dist +++ b/features/font-size-adjust.yml.dist @@ -13,6 +13,18 @@ status: safari: "17" safari_ios: "17" compat_features: + # baseline: low + # baseline_low_date: 2023-09-18 + # support: + # chrome: "92" + # chrome_android: "92" + # edge: "92" + # firefox: "92" + # firefox_android: "92" + # safari: "17" + # safari_ios: "17" + - css.at-rules.font-face.size-adjust + # baseline: low # baseline_low_date: 2024-07-25 # support: diff --git a/features/font-size.yml b/features/font-size.yml new file mode 100644 index 00000000000..fd33c6d2068 --- /dev/null +++ b/features/font-size.yml @@ -0,0 +1,11 @@ +name: font-size +description: The `font-size` CSS property sets the text height. +spec: https://drafts.csswg.org/css-fonts-4/#font-size-prop +group: fonts +status: + compute_from: css.properties.font-size +compat_features: + - css.properties.font-size + - css.properties.font-size.rem_values + - css.properties.font-size.xxx-large + - svg.global_attributes.font-size diff --git a/features/font-size.yml.dist b/features/font-size.yml.dist new file mode 100644 index 00000000000..4aeb6e0b74b --- /dev/null +++ b/features/font-size.yml.dist @@ -0,0 +1,55 @@ +# Generated from: font-size.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - css.properties.font-size + - svg.global_attributes.font-size + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "31" + # chrome_android: "42" + # edge: "12" + # firefox: "31" + # firefox_android: "31" + # safari: "7" + # safari_ios: "7" + - css.properties.font-size.rem_values + + # baseline: low + # baseline_low_date: 2023-03-27 + # support: + # chrome: "79" + # chrome_android: "79" + # edge: "79" + # firefox: "70" + # firefox_android: "79" + # safari: "16.4" + # safari_ios: "16.4" + - css.properties.font-size.xxx-large diff --git a/features/font-stretch.yml b/features/font-stretch.yml new file mode 100644 index 00000000000..6aa105ef054 --- /dev/null +++ b/features/font-stretch.yml @@ -0,0 +1,13 @@ +name: font-stretch +description: The `font-stretch` CSS property selects a font face from a font family based on width, either by a keyword such as `condensed` or a percentage. +# Note: `font-stretch` will become an alias to `font-width`: https://drafts.csswg.org/css-fonts/#font-stretch-desc +spec: https://drafts.csswg.org/css-fonts-4/#font-stretch-prop +group: fonts +caniuse: css-font-stretch +status: + compute_from: css.properties.font-stretch +compat_features: + - css.at-rules.font-face.font-stretch + - css.properties.font-stretch + - css.properties.font-stretch.percentage + - svg.global_attributes.font-stretch diff --git a/features/font-stretch.yml.dist b/features/font-stretch.yml.dist new file mode 100644 index 00000000000..2daba6f4a28 --- /dev/null +++ b/features/font-stretch.yml.dist @@ -0,0 +1,56 @@ +# Generated from: font-stretch.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2017-09-19 + baseline_high_date: 2020-03-19 + support: + chrome: "60" + chrome_android: "60" + edge: "12" + firefox: "9" + firefox_android: "9" + safari: "11" + safari_ios: "11" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2017-09-19 + # baseline_high_date: 2020-03-19 + # support: + # chrome: "60" + # chrome_android: "60" + # edge: "12" + # firefox: "9" + # firefox_android: "9" + # safari: "11" + # safari_ios: "11" + - css.properties.font-stretch + - svg.global_attributes.font-stretch + + # baseline: high + # baseline_low_date: 2018-09-05 + # baseline_high_date: 2021-03-05 + # support: + # chrome: "62" + # chrome_android: "62" + # edge: "17" + # firefox: "62" + # firefox_android: "62" + # safari: "10.1" + # safari_ios: "10.3" + - css.at-rules.font-face.font-stretch + + # baseline: high + # baseline_low_date: 2018-10-02 + # baseline_high_date: 2021-04-02 + # support: + # chrome: "62" + # chrome_android: "62" + # edge: "18" + # firefox: "61" + # firefox_android: "61" + # safari: "11.1" + # safari_ios: "11.3" + - css.properties.font-stretch.percentage diff --git a/features/font-style.yml b/features/font-style.yml new file mode 100644 index 00000000000..62ed3885fe3 --- /dev/null +++ b/features/font-style.yml @@ -0,0 +1,13 @@ +name: font-style +description: The `font-style` CSS property sets the text style, with `normal`, `italic`, and `oblique` options. +spec: https://drafts.csswg.org/css-fonts-4/#font-style-prop +group: fonts +status: + compute_from: css.properties.font-style +compat_features: + - css.at-rules.font-face.font-style + - css.properties.font-style + - css.properties.font-style.italic + - css.properties.font-style.normal + - css.properties.font-style.oblique-angle + - svg.global_attributes.font-style diff --git a/features/font-style.yml.dist b/features/font-style.yml.dist new file mode 100644 index 00000000000..ed1ed6e1cc8 --- /dev/null +++ b/features/font-style.yml.dist @@ -0,0 +1,58 @@ +# Generated from: font-style.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "1" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "1" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - css.properties.font-style + - css.properties.font-style.italic + - css.properties.font-style.normal + - svg.global_attributes.font-style + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "4" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "3.1" + # safari_ios: "2" + - css.at-rules.font-face.font-style + + # baseline: high + # baseline_low_date: 2020-01-15 + # baseline_high_date: 2022-07-15 + # support: + # chrome: "62" + # chrome_android: "62" + # edge: "79" + # firefox: "61" + # firefox_android: "61" + # safari: "11.1" + # safari_ios: "11.3" + - css.properties.font-style.oblique-angle diff --git a/features/font-weight.yml b/features/font-weight.yml new file mode 100644 index 00000000000..3739982ece2 --- /dev/null +++ b/features/font-weight.yml @@ -0,0 +1,15 @@ +name: font-weight +description: The `font-weight` CSS property controls the thickness of a font. It is set explicitly with the keyword `bold` or a number, or relative to the inherited thickness with the keywords `bolder` or `lighter`. +spec: https://drafts.csswg.org/css-fonts-4/#font-weight-prop +group: fonts +status: + compute_from: css.properties.font-weight +compat_features: + - css.at-rules.font-face.font-weight + - css.properties.font-weight + - css.properties.font-weight.bold + - css.properties.font-weight.bolder + - css.properties.font-weight.lighter + - css.properties.font-weight.normal + - css.properties.font-weight.number + - svg.global_attributes.font-weight diff --git a/features/font-weight.yml.dist b/features/font-weight.yml.dist new file mode 100644 index 00000000000..1413a44330f --- /dev/null +++ b/features/font-weight.yml.dist @@ -0,0 +1,60 @@ +# Generated from: font-weight.yml +# Do not edit this file by hand. Edit the source file instead! + +status: + baseline: high + baseline_low_date: 2015-07-29 + baseline_high_date: 2018-01-29 + support: + chrome: "2" + chrome_android: "18" + edge: "12" + firefox: "1" + firefox_android: "4" + safari: "1" + safari_ios: "1" +compat_features: + # ⬇️ Same status as overall feature ⬇️ + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "2" + # chrome_android: "18" + # edge: "12" + # firefox: "1" + # firefox_android: "4" + # safari: "1" + # safari_ios: "1" + - css.properties.font-weight + - css.properties.font-weight.bold + - css.properties.font-weight.bolder + - css.properties.font-weight.lighter + - css.properties.font-weight.normal + - svg.global_attributes.font-weight + + # baseline: high + # baseline_low_date: 2015-07-29 + # baseline_high_date: 2018-01-29 + # support: + # chrome: "4" + # chrome_android: "18" + # edge: "12" + # firefox: "3.5" + # firefox_android: "4" + # safari: "3.1" + # safari_ios: "2" + - css.at-rules.font-face.font-weight + + # baseline: high + # baseline_low_date: 2018-06-26 + # baseline_high_date: 2020-12-26 + # support: + # chrome: "62" + # chrome_android: "62" + # edge: "17" + # firefox: "61" + # firefox_android: "61" + # safari: "11" + # safari_ios: "11" + - css.properties.font-weight.number