Charger la feuille de style Google Fonts externe avec YepNope / Modernizr

J'essaie de charger une feuille de style Google Font générée dynamiquement à l'aide de Modernizr (YepNope), mais toujours cette erreur:

Uncaught SyntaxError: jeton inattendu ILLEGAL (css: 1)

Ma feuille de style ressemble à ceci:

http://fonts.googleapis.com/css?family=Holtwood+One+SC 

Et je l'appelle via

 Modernizr.load({ load: ['css!http://fonts.googleapis.com/cssfamily=Holtwood+One+SC|Terminal+Dosis:700'], callback: function (url, result, key) { console.log('loaded...!'); } }); 

Le site web dit cela mais pour une raison quelconque, il ne fonctionnera pas. Je pense que la ressource est analysée en tant que fichier de script et c'est ce qui cause l'erreur, mais ne semble pas le faire fonctionner = (

"Avec le préfixe css !, vous pouvez l'ajouter à n'importe quel nom de fichier et yepnope le traitera comme un fichier css".

Quelqu'un a-t-il réussi à atteindre quelque chose de similaire? Merci!

Assurez-vous d'ajouter le fichier préfixe css à votre copie de yepnope. Cela fonctionne comme un plugin jQuery.

Vous pouvez l'obtenir à:

https://github.com/SlexAxton/yepnope.js/blob/master/prefixes/yepnope.css-prefix.js

Ou, vous pouvez appeler Google Webfont API, par exemple:

 Modernizr.load({ load: 'http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js', complete: function () { WebFont.load({ google: { families: ['Open+Sans:300,400,700'] } }); } }); 

Idéalement, il faudrait également utiliser un non-js pour recharger les polices de votre serveur à l'aide d'une fonction programmée ou autre, comme:

 if (!window.jQuery) { Modernizr.load('http://d.clickmetrics.cl/assets/js/scaffolding/jquery-1.9.0.min.js'); }