Nice guide, I hadn't seen the trick with matching and replacing specific fonts (e.g. -apple-system). One thing I'd tweak for my own usage though is to use Inte

Nice guide, I hadn't seen the trick with matching and replacing specific fonts (e.g. -apple-system). One thing I'd tweak for my own usage though is to use Inter[0] in place of TeX Gyre Heros for the sans-serif font. Inter, as its name suggests, is designed specifically for usage as a screen/UI font and has metrics extremely similar to those of San Francisco, which is the font that Apple has been using for its UIs for several years now. Inter also has broad language support with a wider variety of weights, so there's practically no situation in which it comes up lacking. [0]: https://rsms.me/inter/ https://rsms.me/inter/