Google Webfont Loader + FontAwesome問題

將異步模式下的Google Webfont Loader（GWL）與Font Awesome字體結合使用時，我遇到了一個非常奇怪的行爲。Google Webfont Loader + FontAwesome問題

如果我使用GWL加載一對自定義字體，Font Awesome字體會加載2次。這是我使用GWL的代碼：

<script type="text/javascript"> 
    WebFontConfig = { 
     custom: { families: ['proxima-nova', 'museo-slab'], urls: ['evacss/font-families.css'] } 
    }; 
    (function() { 
     var wf = document.createElement('script'); 
     wf.src = 'evajs/webfont.js'; 
     wf.type = 'text/javascript'; 
     wf.async = 'true'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(wf, s); 
    })(); 
</script>

內部evacss /字體families.css我有兩種字體上述（寶施新星和博物館板坯）NO字體真棒定義的字體家庭定義在那裏

然後在此之前我有經典

<link rel="stylesheet" type="text/css" href="evacss/font-awesome.css">

至極負荷字體真棒有自己的字體家庭定義

但結果我s這： Click to watch

如果我刪除GWL腳本，只保留我的字體真棒Css結果是一個單一的負載字體真棒預期的結果。

Click to watch

同樣的行爲與此版本GWL

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> 
<script> 
    WebFont.load({ 
     custom: { families: ['proxima-nova', 'museo-slab'], urls: ['evacss/font-families.min.css'] } 
    }); 
</script>

的情況我真的不明白爲什麼webfont.js觸發雙重下載我的字體真棒（在一個更通用的方法外部字體家族，我沒有以任何方式在GWL中引用）

來源

2013-03-24 Manight

這個錯誤來自螢火蟲，試着用鉻或聽你的連接沒有螢火蟲。

來源

2013-03-29 20:02:38 heralight

謝謝heralight這件事讓我瘋了！我承認我正在用Firefox上的螢火蟲進行檢查。試着用我剛發現的內置Chrome開發工具嘗試一下吧！ – Manight 2013-04-02 13:10:52

很高興:) – heralight 2013-04-04 17:18:07

Google Webfont Loader + FontAwesome問題

回答

相關問題