google-fonts-offline

Use Google Fonts while you're offline or in development.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
google-fonts-offline
8440.1.56 years ago10 years agoMinified + gzip package size for google-fonts-offline in KB

Readme

Google Fonts Offline
NPM

Getting Started

Sometimes you just have to have fonts locally on your machine. The easiest way is to install package globally:
npm install -g google-fonts-offline

Then use links from Quick Use or your collection as an argument:
goofoffline "http://fonts.googleapis.com/css?family=Open+Sans"

All downloads will be saved in fonts directory by default and the CSS file with @font-face declarations will be named fonts.css. You can use outDir and outCss arguments to change this. For example:
goofoffline outDir=tmp outCss=gf.css "http://fonts.googleapis.com/css?family=Ubuntu:200italic"

With greatest HTML post-processing library for Grunt processhtml you may switch between local and hosted variants as simple as:
<!-- build:remove:release -->
        <link rel="stylesheet" href="fonts/fonts.css">
<!-- /build -->

<!-- build:remove:dev  -->
        <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
        <script>
            WebFont.load({
                google: {
                    families: ['Dosis:200', 'Smythe', 'Ubuntu']
                }
            });
        </script>
<!-- /build -->

Contributors