@ font-face劑量在Firefox和IE上工作

嗨，我在這裏有關於@ font-face的問題。我的字體需要在我的網站上使用。但它只能在Chrome上運行，在Firefox和IE上沒有運氣。所以我從互聯網搜索，發現以下代碼在所有瀏覽器上運行良好。@ font-face劑量在Firefox和IE上工作

@font-face { 
    font-family: 'Gradient'; 
    src:url("http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff"); 
    }

但是一旦我下載它，並把它放在我的服務器上，它沒有再工作：

@font-face { 
     font-family: 'Gradient'; 
     src:url("gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff"); 
    }

，所以我嘗試使用的網址，包括我的服務器上的WOFF文件，但不工作：

@font-face { 
     font-family: 'Gradient'; 
     src:url("http://mywebsite/mypath/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff") format("woff"); 
    }

任何人都可以解釋爲什麼？不同的服務器上的相同文件運行良好，另一個不是。

感謝這麼多珍妮

來源

2014-01-09 user3179429

Firefox和IE不會讓你從另一個域中的字體拉。將字體文件移動到網站所在的相同文件夾中，並且它們將工作。

來源

2014-01-09 21:51:01 kthornbloom

這不完全正確;服務於WOFF字體的域必須提供一個「Access-Control-Allow-Origin」響應頭。點擊'F12'來檢查控制檯中的錯誤消息，以確定是否有問題。 – EricLaw

感謝您的幫助。無論如何，我沒有看到任何錯誤在控制檯和字體文件下載成功。我不明白怎麼來「http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff」正在工作，但「http：// mywebsite/mypath/gk5FxslNkTTHtojXrkp- xF1YPouZEKgzpqZW9wN-3Ek.woff「是不是？ – user3179429

嘗試通過一個webfont生成器運行它，如：http://www.fontsquirrel.com/tools/webfont-generator這應該會給你所需的所有正確的代碼。 – kthornbloom

@ font-face劑量在Firefox和IE上工作

回答

相關問題