A grunt wrapper for Google WebFont Downloader (goog-webfont-dl) by James Newell.
goog-webfont-dl is a Google WebFont utility to download webfont files to your local machine. It attempts to retreieve WOFF, WOFF2, TTF, EOT, and SVG file formats using custom user-agent strings. It will then output a CSS3 snippet that you can use directly in your project.
This plugin requires Grunt
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-goog-webfont-dl --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-goog-webfont-dl');
Run this task with the grunt goog-webfont-dl
command.
Task targets, files and options may be specified according to the grunt Configuring tasks guide.
Use the grunt-goog-webfont-dl
task by specifying a target destination (file) for your font-CSS, the name of the Google Font and the font-styles.
Below this is dist/ubuntu.css
for the Ubuntu font.
Along-side, specify the font file-types you want to download. Not all font file-types are supported in every browser. Check compatibility: TTF, EOT, WOFF, WOFF2, SVG
"goog-webfont-dl": {
ubuntu: {
options: {
ttf: true,
eot: true,
woff: true,
woff2: true,
svg: true,
fontname: 'Ubuntu',
fontstyles: '300,500,700',
fontdest: '',
cssdest: 'dist/ubuntu.css',
cssprefix: '',
subset: ''
}
}
}
(C) www.optimalisatie.nl 2014โ2015, released under the MIT license