If you'd like to explicitly declare your package dependencies or automate the download, you can add a npm package to pull in google fonts and serve locally.

### Fontsource

[Fontsource][12] allows you to:

>  Self-host Open Source fonts in neatly bundled NPM packages.

You can search npm for [<code>scope:fontsource <*typefacename*></code>][11] to browse the available fonts like [@fontsource/roboto][2] or [@fontsource/open-sans][10] and install like this:



    $ npm install @fontsource/roboto    --save 
    $ npm install @fontsource/open-sans --save 

### Font Downloaders

For a more generic use case, there are several npm packages that will deliver fonts in two steps, first by installing the library, and then by pointing it to the font name and options you'd like to include.

* [Google Fonts Webpack Plugin][4]
* [Google Fonts Offline][5]
* [Google Fonts][6]
* [Get Google Fonts][7]

### Further Reading: 

* [How to host material icons offline?][1]
* [Using offline Material icons and Roboto font in Electron app][8]
* **Archived**: [Typefaces][9] 

[1]: https://stackoverflow.com/q/37270835/1366033
[2]: https://www.npmjs.com/package/@fontsource/roboto
[3]: https://www.npmjs.com/package/material-icons
[4]: https://www.npmjs.com/package/google-fonts-webpack-plugin
[5]: https://www.npmjs.com/package/google-fonts-offline
[6]: https://www.npmjs.com/package/google-fonts
[7]: https://www.npmjs.com/package/get-google-fonts
[8]: https://medium.com/@daddycat/using-offline-material-icons-and-roboto-font-in-electron-app-f25082447443
[9]: https://github.com/KyleAMathews/typefaces
[10]: https://www.npmjs.com/package/@fontsource/open-sans
[11]: https://www.npmjs.com/search?q=scope%3Afontsource
[12]: https://github.com/fontsource/fontsource

I have a template and it has a reference to a Google font like this:



    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300' rel='stylesheet' type='text/css'>

How can I download it and set it up to use in my pages which are running offline all the time?