Add Font styles

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

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

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

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

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

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

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

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

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

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

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

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:

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

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

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

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

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

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

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