Email or username:

Password:

Forgot your password?
Top-level
Sara Joy :happy_pepper:

@chriscoyier yip - I end up going through a slightly convoluted way of tricking Google fonts into letting me download the file, and then self host.

11 comments
Fynn Becker

@sarajw @chriscoyier A great site for downloading open source fonts is fontsource.org.

They provide files already converted to WOFF2, unlike the Google Fonts download feature.

Sara Joy :happy_pepper:

@mvsde @chriscoyier yeah the Google fonts feature doesn't really do it, I forget the route I took last time but it involved copying and pasting from the files and codes Google gives to get to the woffs, haha.

Thank you!

Martijn Frazer

@sarajw @mvsde @chriscoyier Yeah, you can copy-paste the embed url into your browser to get the woff2 url and then copy-paste that to download it. Much more useful than downloading the TTF, for web at least.

cuan_knaggs

@sarajw @mvsde @chriscoyier an other good place is fontlibrary.org/. and you can use fontsquirrel.com/ to convert any font to a web font, it gives you all the code samples you need

ocdtrekkie

@mvsde @sarajw @chriscoyier Wait people use npm packages just to install fonts?

Fynn Becker

@ocdtrekkie @sarajw @chriscoyier You can download from Fontsource directly, but the npm packages are nice if you have a build setup already that can consume them. You always get up-to-date font files and font-family declarations.

Especially helpful for CJK fonts that are split into a hundred or so smaller files to speed up performance in browsers.

Darren Cadwallader

@kraftner I’ve used this one for a long time! But it looks like the font source site linked above is more up to date, and has variable fonts where those exist.

For example compare the Karla font on both sites — gwfh has only the older individual font files for each weight

@mvsde @sarajw @chriscoyier

Thomas

@plankton @mvsde @sarajw @chriscoyier Thanks! 🙏 I'll need to have a look at that then.

Go Up