How can I download WOFF files from Google Fonts?

css fonts cross-browser google-font-api
cantsay picture cantsay · Nov 11, 2014 · Viewed 68.1k times · Source

Google Fonts seems to only offer fonts in WOFF2.

While this works fine with Chrome, WOFF2 doesn't seem to be supported by many other browsers

Is there a way to directly link to Google fonts hosted on their CDN in a format other than WOFF2?

Answer

udondan picture udondan · May 8, 2015

Unfortunately Google does not offer an easy way to directly download fonts. You can browse the git repository to search for the file you want, though there are only TTF files on GitHub available.

Also, do not directly link to the GitHub hosted fonts in your CSS! GitHub serves the files with the wrong mime type, which causes issues in some browsers.

While there is not a mainstream CDN for all the formats, you can use http://google-webfonts-helper.herokuapp.com to download the font files and host them yourselves.

Related questions

Same font except its weight seems different on different browsers

The text is correctly displayed in Chrome. I want it to display this way in all browsers. How can I do this? I was able to fix this in Safari with -webkit-font-smoothing: antialiased; Chrome: Firefox: And a JSFiddle: http://jsfiddle.…

Read More
'Lato' font rendering odd in safari, not in chrome, or firefox

Im using the 'Lato' font from google web fonts, and its displaying fine on all browsers apart from safari. Im using it in font-weight:100; here are some screen shots of the different browsers. Any idea what might be causing it …

Read More
How to add some non-standard font to a website?

Is there a way to add some custom font on a website without using images, Flash or some other graphics? For example, I was working on a wedding website, and I found a lot of nice fonts for that subject. …

Read More