load optimized Inter fonts (closes #709)

[evvvritt]

loads local .woff2 files (overwrites radicle-design-system/typography.css @font-face rules)

alternatively, we could update the radicle-design-system css + font files but I don't have write access so thought this was faster

tested on deploy and it properly loads the .woff2 files instead of the .otf (locally it sometimes loads the .otf)

[netlify]

✅ Deploy Preview for drips-app-v2 ready!

Name	Link
🔨 Latest commit	d01a370
🔍 Latest deploy log	https://app.netlify.com/sites/drips-app-v2/deploys/652e6fd71236a00008e3193d
😎 Deploy Preview	https://deploy-preview-710--drips-app-v2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[efstajas]

Nice, loads a lot faster! Check this section on the LP tho:

The numbers wiggle around, so it seems like the tabular nums font feature stopped working?

[evvvritt]

Ah true, it looks like I can preserve them in the optimizer from font-squirrel (options below).

Though I'm having trouble identifying some of the other font features we have in our css: (@brandonhaslegs dyk?)

1. I presume ss01, ss02 are "Styled Set 1, ...2" in the options below?
2. what is cv01?
3. what is calt?

[evvvritt]

ah wait found this CSS tricks guide

• calt = contextual alternates but 0 means disabled i guess
• cv01 = ???

[efstajas]

You can see them all here: https://rsms.me/inter/lab/

[brandonhaslegs]

• CV01 is the alternate 1 character. It's not necessary and I don't know why it was turned on.
• turning CALT off makes the 0x1 issue go away. If it's on then the x character turns into a × character when it's placed between two numbers. This one is important.

[evvvritt]

Ok thanks, of course when I enable tabular numbers in the generator it breaks 🤣

[evvvritt]

It's a "known bug" that the font files aren't included in expert mode - but realistically no fix in sight. @efstajas / @brandonhaslegs do you guys know other ways to optimize the .otf's into .woff with our font features enabled?

[brandonhaslegs]

@evvvritt if you have the optimized OTF's, then you can just convert them to WOFF's on cloudconvert.com.

[evvvritt]

Ok I used cloudconvert to just convert the full .otf and they each reduce from ~250kb to ~100kb, and tabular-nums are preserved.

I can't find an alternative service to optimize them further but think this is a solid improvement. Will reduce font load from ~750kb to ~200kb