CODEWITHSUNDEEP
cssgoogle-font-api
CodeMoose
CodeMoose

Reputation: 3025

How to use google webfonts in a locked-down intranet?

Working on a client project - reskinning their intranet. The way their security is set up, all external media is denied, including any Google Fonts. The tricky part is they're requiring us to restyle with a Google Font.

Prompting users to install the font themselves is, of course, unacceptable. Is there a way I can download a Google Font file and put it locally on the website?

UPDATE: After a bit of legwork, I found that you can download and use the compressed version of a google font to keep your site relatively optimized. Go to the import URL:

http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic

In the src attribute (the themes.googleusercontent.com URL) download the .woff file it links to, rename it as you please, upload it to your website's media directory, then point to that local file instead of Google's URL.

Upvotes: 2

Views: 3038

Answers (2)

udondan
udondan

Reputation: 59989

As @Mike already mentioned in a comment, there is localfont.com which helps you download all font variants and generates cross-browser CSS for implementation. What you get from Google Fonts itself is ONLY TTF and therefore will not work on all Browsers. What you can manually download by accessing the Google CSS file actually depends on which Browser you use. localfont.com provides TTF, WOFF, WOFF2, EOT and SVG for all fonts available on Google Fonts.

Upvotes: 1

Johan
Johan

Reputation: 19072

You can download them from Google and host them on your own server

The download button

Use the download button in the upper right corner at Google Fonts to download your collection

See https://developers.google.com/fonts/faq#Download_Fonts

Upvotes: 5

Related Questions