圖標字體（@ font-face）不在本地主機上呈現

我的font-awesome圖標字體適用於我的locahost以及我的mysite.com，它們都是nginx服務器。奇怪的是，當我試圖實現一個類似的圖標字體集從Glyphicons設置圖標只呈現mysite.com但而不是在我的本地主機上。圖標字體（@ font-face）不在本地主機上呈現

這裏的圖標是什麼樣子，通常對他們如何看在我的本地：

正常： normal 猛擊： busted

的問題是，font-family: 'Glyphicons'屬性不被認可在我的本地主機，因爲只是註釋掉mysite.com上的font CSS屬性重新創建紅色框外觀：

.glyphicons i::before { 
    position: absolute; 
    left: 0; 
    top: 0; 
    font: 24px/1em 'Glyphicons'; // commenting out this line re-creates the red box pattern 
    font-style: normal; 
    color: #1D1D1B; 
    color: red; 
}

來源

2012-12-14 tim peterson

您正在假設問題是*'Glyphicons'屬性未被識別[...] *。我猜你只是沒有在localhost上運行的任何東西中添加必要的'@ font-face'-定義。如果情況並非如此，我很樂意提供幫助，但不能提供稀少的信息。 – joar

嗨@Joar，謝謝，[glyphicon CSS文件]（https://gist.github.com/4289075.git）是相同的。實際上，我的localhost和mysite.com上的所有應用程序代碼都是相同的，因爲它們都是版本控制下的版本，並且都是最新版本。 –

http://stackoverflow.com/a/8484466/202522和http://stackoverflow.com/q/11872404/202522可能會有所幫助。 – joar

我想感謝@David（請參閱上面的評論）幫助我回答自己的問題。這個問題是一個文件權限問題。我剛剛將glyphicons文件夾添加到我的localhost應用程序文件夾（即/ html），並且它沒有正確的權限。只需鍵入命令行下面的解決了這個問題：

html TimPeterson$ chmod -R 777 assets/glyphicons/ /*this command allows access to all (777) for all files and folders (-R) within the glyphicons folder*/

所以它不是CSS，MIME類型，或任何其他與Nginx的做，因爲我原本以爲。

來源

2012-12-16 13:12:33

已保存我的時間:)非常感謝：P –

圖標字體（@ font-face）不在本地主機上呈現

回答

相關問題