2016-02-26 66 views
1

我正在使用requirejs-plugins,並試圖加載一些谷歌網頁字體到我的腳本中使用。我發現了幾個例子或多或少模仿那個github頁面上的例子。如何設置requirejs和Google Web字體?

例子:Loading Google Web Fonts using require.js font plugin

我也看到了字體插件的源和在我的例子嘗試這樣做,它仍然無法正常工作。

Line 28: 
example: font!google,families:[Tangerine,Cantarell,Yanone Kaffeesatz:700] 

這是我的代碼到目前爲止。

這是加載控制檯時觸發的錯誤。

Uncaught ReferenceError: WebFont is not defined 

這發生在font.js

這到底是怎麼發生的第38行?我覺得我缺少某種配置或某種東西。正如你所看到的,我正在使用腳本所建議的確切示例導入。這裏是否有任何實際使用的例子?

回答

4

經過一番調查後,我發現實際上有一個已經在https://github.com/millermedeiros/requirejs-plugins/issues/71上列出的bug,這是由於代碼發生了變化。這個錯誤在16天前被列出,並且仍然是開放的,對你沒有任何幫助。與此同時,您應該能夠對您的插件版本進行以下更改,該版本應該將您綁定到修復程序被推送到官方存儲庫。

在bower_components/requirejs-插件/ SRC/font.js在線37改變它自:

req([(document.location.protocol === 'https:'? 'https' : 'http') +'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'], function(){ 

到:

req([(document.location.protocol === 'https:'? 'https' : 'http') +'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'], function(WebFont){ 

即 「web字體」 是正在抱怨一個關於。