TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊
我遇到了同樣的問題，除了本頁隱藏的評論外，找不到任何相關(guān)信息。根據(jù)Chrome，我的字體文件加載得很好，但圖標(biāo)顯示不正常。我正在給這個(gè)答案，所以它有望幫助別人。
我從Bootstrap 3的自定義工具下載的字體文件出了問題。要獲取正確的字體，請轉(zhuǎn)到Bootstrap主頁并下載完整的.zip文件。從那里提取四個(gè)字體文件到你的字體目錄，一切都應(yīng)該工作。
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超4個(gè)贊
字體文件未正確加載。檢查文件是否在預(yù)期位置。
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}如Daniel所示，它也可能是一個(gè)mimetype問題。Chrome的開發(fā)工具在網(wǎng)絡(luò)標(biāo)簽中顯示已下載的字體：
TA貢獻(xiàn)2011條經(jīng)驗(yàn) 獲得超2個(gè)贊
在我的情況下，我獲得了404 字形 - 半身像 - regular.woff，以及移動瀏覽器上的非可見字形。
看起來對于woff的MIME類型存在一些混淆，不同瀏覽器接受多種MIME類型，但W3C說：
application/font-woff
編輯：測試以下MIME類型后woff適用于當(dāng)前所有瀏覽器：
application/x-font-woff
編輯：此時(shí)最新版本的Bootstrap（3.3.5）使用與.woff初始結(jié)果相同的.woff2字體，W3C仍然定義規(guī)范，但目前MIME類型似乎是：
application/font-woff2
舉報(bào)