javascript - 使用 YepNope/Modernizr 加载外部 Google 字体样式表

Question

我正在尝试使用 Modernizr (YepNope) 加载动态生成的 Google 字体样式表，但总是出现此错误:

Uncaught SyntaxError: Unexpected token ILLEGAL (css:1)

我的样式表是这样的:

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

我通过

调用它

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

该网站是这样说的，但出于某种原因它就是行不通。我认为资源被解析为脚本文件，这就是导致错误的原因，但似乎无法使其工作 =(

"With the css! prefix, you can prepend it to any file name and yepnope will treat it like a css file."

有人成功实现了类似的目标吗？谢谢!

Answer 1

确保您将 css 前缀文件添加到您的 yepnope 副本中。它像 jQuery 插件一样工作。

您可以在以下位置获取它:

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