2015-08-15 85 views
0

我對glyphicons相當陌生,想弄清楚是什麼讓他們如此氣質。我在幾個網站上有他們,我經常發現一個特殊的圖形不會顯示,或者有時候不會在特定的網站上顯示圖形。關於Glyphicon Bug的建議?

我的HTML看起來像這樣:

<li><a href="/topics/vertebrate-physiology" title="Vertebrate Physiology">5. Vertebrate Physiology <span class="glyphicon glyphicon-eye-open" style="font-size: 125%; color: #fff;"></span></li> 

奇怪的是一切工作正常,當我連接到網上的樣式表@https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css

但是,如果我複製的樣式從到的文件我的電腦上有相同的名稱並將其鏈接,但它不起作用。我確認我與它正確關聯。

所以它看起來像我只能在我的本地網站上使用glyphicons,如果我鏈接到在線樣式表。爲什麼我不能使用本地樣式表?

回答

2

問題出在於字體的相對路徑。看着https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css,你可以看到:

url(../fonts/glyphicons-halflings-regular.ttf) 

Fonts文件夾是相對的CSS文件,該文件是https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css所以,它的正確下載。

它不適用於您的本地,因爲您的本地Web服務器上缺少字體文件夾。如果你想讓它在你的本地工作,你還必須下載字體文件夾,並把它放在正確的文件夾相對於你的bootstrap.css

+0

實際下載引導的最佳方式,我有一個字體文件夾,但必須是在錯誤的位置。我會移動它,或更改樣式表中的路徑。謝謝。 –

0

這是因爲你沒有字體文件夾在預期的地方..在你的搜索下載的文件爲../fonts/,你會明白。

here