Typography is probably the most important building block of the web, and it's great to see CSS is still improving its already-good support for typograhical features.
Variable fonts are the hot new thing here, and while we're still waiting for true responsive type, the constant progress on this front is definitely worth keeping an eye on.
The size of the outer circle corresponds to the total number of users who know about a feature, while the inner one represents those who have actually used it.
Hover on each node to view detailed data along with an overlay representing the total number of survey respondents.
Usage by Years Of Experience
The “overall” column shows overall usage for each feature (respondents who selected “have used it”), while the following columns show the usage ratio for each “years of experience” bracket.
A brighter pink background indicates a higher-than-overall-average ratio for a given bracket.
@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.
Variable fonts are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style. They let you access all the variations contained in a given font file via CSS and a single
@font-face reference. This article will give you all you need to know to get you started using variable fonts.
Line Breaking Properties
line-break CSS property sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols.
The font-variant CSS property is a shorthand for the longhand properties
font-variant-east-asian. You can also set the CSS Level 2 (Revision 1) values of
font-variant, (that is,
small-caps), by using the
initial-letter CSS property sets styling for dropped, raised, and sunken initial letters.