working google webfont import mixins for current stable (v1.3.3) and upcoming beta (v1.4) of less with default parameters derived from this discussion <http://stackoverflow.com/posts/16524650/>

README.md

tbd;

component.json

{
  "name": "gfont",
  "main": "./gfont.less",
  "version": "0.0.1",
  "dependencies": {}
}

example.less

/*
examples
*/
@import "gfont";

@gFontName: 'Roboto Slab';
@sansFontFamily: @gFontName, Arial, sans-serif;

/* v1.4
.gFontImport(@gFontName);
.gFontImport(@gFontName;'400,700');
.gFontImport(@gFontName;'400,700';'latin,latin-ext');
*/
.gFontInject(@gFontName);
.gFontInject(@gFontName;'400,700');
.gFontInject(@gFontName;'400,700';'latin,latin-ext');

body {
  font-family: @sansFontFamily;
}

gfont.less

/*
 works with less v1.4 
 */
.gFontImport (@name; @weights: 400; @subsets: latin) {
  @domain: 'http://fonts.googleapis.com';
  @escaped: ~`"@{name}".replace(/'([^']+)'/,'$1').replace(' ', '+')`; // needed to get rid of those single quotes
  @import url('@{domain}}/css?family=@{name}:@{weights}&subset=@{subsets}');
}

/*
 hack for current less (v1.3.3)
 thx to http://stackoverflow.com/users/2113185/martin-turjak
 NOTE: this will not be put at the top of your compressed CSS automatically
 */
.gFontInject (@name; @weights: 400; @subsets: latin) {
  @domain: 'http://fonts.googleapis.com';
  @escaped: ~`"@{name}".replace(/'([^']+)'/,'$1').replace(' ', '+')`;
  @inject: ~"@import url('@{domain}}/css?family=@{escaped}:@{weights}&subset=@{subsets}');";
  @{inject} .null {/**/};  
}