How to choose fallback fonts for different custom webfonts

This article was helpful, mostly because it pointed to this great resource.

It’s not quite the survey of which fonts are most common on personal computers today (and the equivalents across platforms) but it’s a reasonably up-to-date list combined with the history, allowing a comprehensive set of fallbacks for some styles. Best of all, it’s actually showing what the fonts look like.

Well OK it’s more out of date than i thought. As long as you skip over the claim that only three fonts are safe to use and that Palatino looks bad on GNU/Linux— it looks just fine and probably has for a decade.

Some notes on Bulma in relation to setting a font-family for headers

It seems Bulma should come with a $family-serif by default (it has a $family-sans-serif so many will assume there’s a serif family to match) and then a $family-heading. An example could show how to set $family-heading to $family-serif.

I weighed in with this at Support for secondary font-family.

While its noble intent, which i fully support, is solely defining font families using built-in fonts available on modern computers, the website and project can certainly help identifying the best fallback definitions too.