亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Bootstrap 3 Glyphicons無效

Bootstrap 3 Glyphicons無效

Bootstrap 3 Glyphicons無效我下載了bootstrap 3.0,無法讓glyphicons工作。我收到某種“E003”錯誤。任何想法為什么會這樣?我在本地和網上嘗試過,我仍然遇到同樣的問題。
查看完整描述

3 回答

?
慕桂英546537

TA貢獻1848條經驗 獲得超10個贊

我遇到了同樣的問題,除了本頁隱藏的評論外,找不到任何相關信息。根據Chrome,我的字體文件加載得很好,但圖標顯示不正常。我正在給這個答案,所以它有望幫助別人。

我從Bootstrap 3的自定義工具下載的字體文件出了問題。要獲取正確的字體,請轉到Bootstrap主頁并下載完整的.zip文件。從那里提取四個字體文件到你的字體目錄,一切都應該工作。


查看完整回答
反對 回復 2019-08-15
?
慕虎7371278

TA貢獻1802條經驗 獲得超4個贊

字體文件未正確加載。檢查文件是否在預期位置。

@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所示,它也可能是一個mimetype問題。Chrome的開發工具在網絡標簽中顯示已下載的字體:


查看完整回答
反對 回復 2019-08-15
?
森林海

TA貢獻2011條經驗 獲得超2個贊

在我的情況下,我獲得了404 字形 - 半身像 - regular.woff,以及移動瀏覽器上的非可見字形。

看起來對于woff的MIME類型存在一些混淆,不同瀏覽器接受多種MIME類型,但W3C說

application/font-woff

編輯:測試以下MIME類型后woff適用于當前所有瀏覽器:

application/x-font-woff

編輯:此時最新版本的Bootstrap(3.3.5)使用與.woff初始結果相同的.woff2字體,W3C仍然定義規范,但目前MIME類型似乎是:

application/font-woff2


查看完整回答
反對 回復 2019-08-15
  • 3 回答
  • 0 關注
  • 530 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號