Update overpass font / optimize fonts in the repo
They went from 4 weights to 8. I'd like to check this out and get us updated, particularly because Figma is using the newer ones and I think they look nicer.
We could also talk about whether or not it's a good idea to to offload fonts to a CDN. http://overpassfont.org/ at the bottom shows two non-Google-Font choices; don't know if we want to trust any 3rd party CDN, but it could save some KBs in the bundle, right?
The more I think about it the less I like the CDN idea, but I figured it was worth discussing.
UPDATE: David shut down CDN talk in the comments.
Optimization things:
- Audit font usage and remove weights that are unnecessary.
- Consider adding woff2 to the repo: might be bad for bundle size but if not then we might get smaller fonts overall
- Consider subsetting? Probably not a good idea
- Consider preloading to avoid extra rendering (this, this, this), or webpack preloading/chunking if that'd be more relevant/better
- webext dist folder has the fonts twice, in root directory and assets. Why? Should we fix?
Edited by Brendan Berkley