In the last article, we discussed enhancing typography in apps and now we delve into high-quality fonts. These fonts offer various weights, italics, and more packed into a single file thanks to OpenType features. You can manipulate fonts using specific CSS properties or the font-variation-settings property. Working around inheritance issues with CSS variables is key. Fonts may include unique features like alternates, swashes, and numeral sets, each serving a distinct purpose. Some fonts also offer small caps and contextual alternates that automatically replace glyphs based on context. For a deeper dive into OpenType features, check out the resources provided.
https://sinja.io/blog/get-maximum-out-of-your-font