BootStrap 圖標(biāo)icon符號(hào)圖標(biāo)glyphicons不正常顯示的快速解決辦法
bootstrap 圖標(biāo)icon符號(hào)圖標(biāo)glyphicons不正常顯示解決辦法如下所示：
分享供各位參考：
1、在ff/http:的地址欄中輸入“about:config”，即進(jìn)入配置界面。
2、進(jìn)入后，搜索“security.fileuri.strict_origin_policy”，這是該值應(yīng)該是true。
3、雙擊該項(xiàng)，其值自動(dòng)變?yōu)閒alse，即可。
4、修改后，再刷新遇到問(wèn)題的頁(yè)面，即可看到正常顯示的圖標(biāo)了。
探究問(wèn)題原因：
1、由于ff/http:一個(gè)安全策略導(dǎo)致的。該策略限制了HTML文件訪問(wèn)不在根目錄下的文件夾中的web fonts。
2、這種限制只在本地開發(fā)環(huán)境下，同時(shí)web fonts并未從遠(yuǎn)程獲取時(shí)出現(xiàn)。
3、后來(lái)看了下前面提到的那個(gè)沒(méi)有出現(xiàn)問(wèn)題的bootstrap項(xiàng)目。
4、果然，其fonts文件夾被放置在了項(xiàng)目的根目錄下。
5、這樣即使不去改變上述安全策略，也是可以正常顯示的。
6、@font-face地址：
@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');
}
以上所述是小編給大家介紹的BootStrap 圖標(biāo)icon符號(hào)圖標(biāo)glyphicons不正常顯示的快速解決辦法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Ionic3 UI組件之a(chǎn)utocomplete詳解
這篇文章主要為大家詳細(xì)介紹了Ionic3 UI組件之a(chǎn)utocomplete的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要為大家詳細(xì)介紹了ionic環(huán)境配置及問(wèn)題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
JavaScript是一種廣泛使用的腳本語(yǔ)言,用于開發(fā)網(wǎng)頁(yè)和應(yīng)用程序,在Web開發(fā)中,經(jīng)常需要獲取瀏覽器窗口的尺寸,以便根據(jù)窗口大小進(jìn)行布局或執(zhí)行其他操作,本文將介紹如何使用JavaScript來(lái)獲取瀏覽器窗口尺寸,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了Js之如何移除Array/數(shù)組中指定元素問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
本文主要介紹了ES6 Promise.race的用法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-09-09
簡(jiǎn)單三步實(shí)現(xiàn)報(bào)表頁(yè)面集成天氣
本文主要介紹了基于javascript實(shí)現(xiàn)報(bào)表頁(yè)面集成天氣的方法步驟，簡(jiǎn)單三步，一看就懂。具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12![JS實(shí)現(xiàn)留言板功能[樓層效果展示]](http://img.jbzj.com/images/xgimg/bcimg6.png)
小編最近在基于js實(shí)現(xiàn)留言板功能，實(shí)現(xiàn)的功能有發(fā)布人和發(fā)布內(nèi)容做非空校驗(yàn)，樓層效果展示和發(fā)布時(shí)間展示。具體實(shí)例代碼大家參考下本文2017-12-12
javascript的hashCode函數(shù)實(shí)現(xiàn)代碼小結(jié)
網(wǎng)上找了好一輪，找到個(gè)比較像樣而且足夠短的 hashCode 實(shí)現(xiàn)，是從 Java 的 hashCode 中借鑒而得的。原理見(jiàn) Java hashCode() ，也可以跟這里的 Java String 的源碼 參照對(duì)比一下2020-08-08
這篇文章主要介紹了JavaScript修改瀏覽器tab標(biāo)題小技巧,需要的朋友可以參考下2015-01-01
小程序中讀取騰訊文檔的表格數(shù)據(jù)的實(shí)現(xiàn)
本文主要介紹了小程序中讀取騰訊文檔的表格數(shù)據(jù)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07