Is it possible to use https://fonts.googleapis.com instead of HTTP when downloading the files?
https://github.com/Mika-/grunt-google-fonts/blob/master/tasks/index.js#L307

Is there any reason for this?

The woff2 declaration should be included in the legacy file so there will be no need to include both css-files to get the best support for all brwosers.

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-400-normal.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-400-normal.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans-400-normal.woff2') format('woff2'), url('../fonts/open-sans-400-normal.woff') format('woff'), url('../fonts/open-sans-400-normal.ttf') format('truetype'), url('../fonts/open-sans-400-normal.svg#OpenSans') format('svg'); }

create directories if not available

Could you add an option to specify the font-display property? Google pagespeed insights warns if the property is missing. Google fonts itself allows to specify the font-display option by adding a parameter &display=swap and therefore it would be nice, if the font-display could also be specified in the grunt options.

If you accidental set wrong font-weight the fonts.css never gets built, and there is no indication of error. As Shown on Titillium Web font 330 suppose to be 300

module.exports = function(grunt){
    grunt.initConfig({
 googlefonts: {
        build: {
            options: {
                fontPath: 'abc/fonts',
                cssFile: 'abc/fonts/css/fonts.css',
                httpPath: 'test.com/wpcontent/themes/wpthemefg/assets/fonts',
                formats: {
                    eot: true,
                    svg: true,
                    ttf: true,
                    woff: true,
                    woff2: true
                },
                fonts: [                        
                    {
                        family: 'Roboto',
                        styles: [300,400,500,700]                 
                    },
                    {
                        family: 'Titillium Web',
                        styles: [330,400,600]
                    }
                ]
            }
        }            
    }
    });

    grunt.loadNpmTasks('grunt-google-fonts');
    grunt.registerTask('default',['googlefonts']);
}

I want to subset all fonts on my page. But not with basic standard subsets but instead custom ones.

So it basically should remove ALL chars that are not needed on my pages.
I would like to pass something like this to the config:

options: {
	subsetFromText: ['public/*.html', 'public/**/*.html'],    // can be TXT, HTML, all type of Textfile and should just respect the Text in the HTML so most probably no "<" and ">" if not in the Text
	formats: ['woff2']
},

I just want to have the WOFF2 and I would like to remove ALL unused chars which are not getting used on my pages.

A similar function is available grunt-ziti but it is archived and not supported anymore.

Is such subset option against HTML possible?

👍

'use strict';

module.exports = function(grunt) {
    grunt.initConfig({
        googlefonts: {
            build: {
                options: {
                    fontPath: './dist/fonts/',
                    cssFile: './dist/styles/roboto.css',
                    fonts: [{
                        family: 'Open Sans',
                        styles: [
                          400, 700
                        ]
                    }]
                }
            }
        }
    });

    grunt.loadNpmTasks('grunt-google-fonts');

    grunt.registerTask('default', ['googlefonts']);
};

Running "googlefonts:build" (googlefonts) task
Fatal error: Failed to download css: connect ETIMEDOUT 64.233.190.95:80

Is it possible to generate one CSS file instead of separate WOFF2 and legacy stylesheets?

I'd stick to 0.4.0 but there's a bug in the generated output that indicates WOFF2 as format('woff') which causes issues in IE9-11 (and probably Edge 13).

Using a relative fontPath like '../fonts/' is not working and a empty fontPath will be used instead.
The css files in my project are minified into a single file, and the font path has to be set to a relative path in order to find the fonts folder. Also fonts wont get downloaded at all.

googlefonts: {
            build: {
                options: {
                    fontPath: '../fonts/',
                    cssFile: 'dist/css/fonts.css',
                    fonts: [
                        {
                            family: 'Open Sans',
                            styles: [
                                400, 700
                            ]
                        }
                    ]
                }
            }
        }

generates

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(/open-sans-400-normal.woff2) format('woff'), url(/open-sans-400-normal.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/open-sans-700-normal.woff2) format('woff'), url(/open-sans-700-normal.woff) format('woff');
}

My config is:

googlefonts: {
	build: {
		options: {
			fontPath: 'resources/fonts/',
			formats: {ttf: true},
			fonts: [
				{
					family: 'Poppins',
					styles: ['400']
				}
			]
		}
	}
}

But when I download execute this Task the downlaoded file is "poppins-400-normal.woff2" I want to have a custom name for every file. The config could look like this:

googlefonts: {
	build: {
		options: {
			fontPath: 'resources/fonts/',
			formats: {ttf: true},
			fonts: [
				{
					family: 'Poppins',
					styles: ['400']
					name: 'myCustomName.ttf'
				}
			]
		}
	}
}

This would be great!
Thanks

grunt is currently at v1.0.1. It will be great if you can update the dependency.