🔤 Variable Fonts

Google fonts is great! Free, reliable, and now supports* Variable Fonts!

I've astrixed support because there's a few big issues, from a UX perspective. SO I'll just list of a couple reasons why variable fonts via google are a bit rough right now.

Issues

Discoverability

First and foremost, you can't see what they all look like. There's no filter on the main fonts page for variable, and the page that shows which fonts are variable fonts, DOESN'T show the fonts, it only lists them!

No UI

YOU have to handwrite the URL. Between the super strange syntax, some unexpected quirks, andexpecting you to alphabetize their parameters. It's a headache.

Docs are rough

I'm not super certain how to use the parameters. Weight is straighforward enough, but any other variable has me a bit stumped. If you know how to do it, shoot me a DM on twitter.

Better Discoverability

I'm really only addressing discoverability here, but regardless. Below I've listed every variable font available via google fonts, with a slider to change the weight of the font.

It's not much, it's imperfect, yada, yada, yada.