2024
1 featuresThe font-size-adjust CSS property preserves apparent text size, regardless of the font used, by scaling fonts to the same size with respect to a specific metric, such as x-height. This can help make fallback fonts look the same size.
2023
1 featuresThe font-variant-alternates CSS property, along with the @font-feature-values at-rule, chooses when to use a font's alternate glyphs.
2022
1 featuresThe font-palette CSS property selects a color palette from the font, optionally overriding individual colors in the @font-palette-values at-rule.
2020
4 featuresThe font-optical-sizing CSS property sets whether text rendering is optimized for viewing at different sizes.
COLRv0 is a font format that supports multi-color glyphs. COLRv0 supports only solid colors.
The font-display CSS descriptor sets whether to show a substitute font or nothing while a font face loads. The property manages what's known as a flash of unstyled text or flash of invisible text.
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.
2018
1 featuresThe font-variation-settings CSS property sets an "axis of variability" on a variable font, such as weight, optical size, or a custom axis defined by the typeface designer. When possible, use other CSS font properties, such as font-weight: bold. Also known as variable fonts.
2016
1 featuresThe @font-face CSS at-rule creates a custom font-family value. The at-rule's descriptors set the font's name, source, and various display settings.
2015
5 featuresThe font CSS property shorthand sets multiple font properties, including style, weight, size, and font family.
The font-family CSS property sets the desired font face for text, along with optional fallback font faces.
The font-size CSS property sets the text height.
The font-style CSS property sets the text style, with normal, italic, and oblique options.
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.
Limited Availability
5 featuresCOLRv1 is a font format that supports multi-color glyphs. COLRv1 extends COLRv0 to support gradients, transforms, and blending modes.
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.
The ui-serif, ui-sans-serif, ui-monospace and ui-rounded values for the font-family CSS property use device-default user interface fonts for text.
You can animate color fonts between two font-palette values.
The font-width CSS property selects a font face from a font family based on width, either by a keyword such as condensed or a percentage.