BootStrap 圖標icon符號圖標glyphicons不正常顯示的快速解決辦法
更新時間：2016年12月08日 09:02:38 作者：卡特酋長
這篇文章主要介紹了BootStrap 圖標icon符號圖標glyphicons不正常顯示的快速解決辦法,需要的朋友可以參考下
bootstrap 圖標icon符號圖標glyphicons不正常顯示解決辦法如下所示：
分享供各位參考：
1、在ff/http:的地址欄中輸入“about:config”，即進入配置界面。
2、進入后，搜索“security.fileuri.strict_origin_policy”，這是該值應(yīng)該是true。
3、雙擊該項，其值自動變?yōu)閒alse，即可。
4、修改后，再刷新遇到問題的頁面，即可看到正常顯示的圖標了。
探究問題原因：
1、由于ff/http:一個安全策略導致的。該策略限制了HTML文件訪問不在根目錄下的文件夾中的web fonts。
2、這種限制只在本地開發(fā)環(huán)境下，同時web fonts并未從遠程獲取時出現(xiàn)。
3、后來看了下前面提到的那個沒有出現(xiàn)問題的bootstrap項目。
4、果然，其fonts文件夾被放置在了項目的根目錄下。
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 圖標icon符號圖標glyphicons不正常顯示的快速解決辦法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
本文給大家總結(jié)了javascript中的循環(huán)遍歷，給大家總結(jié)的非常全面，感興趣的朋友跟隨小編一起看看吧2018-09-09
這篇文章主要給大家介紹了關(guān)于手撕javascript繼承的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
PostCSS是一個用JavaScript編寫的插件工具,它可以幫助我們對CSS進行模塊化、自動化處理和優(yōu)化,這篇文章主要介紹了JS中postcss插件實現(xiàn)vw適配,需要的朋友可以參考下2025-01-01
跨瀏覽器開發(fā)經(jīng)驗總結(jié)（四） 怎么寫入剪貼板
讓你的操作剪切板的操作支持多瀏覽器，一般IE,Firefox2010-05-05
這篇文章主要為大家詳細介紹了javascript輪播圖算法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript實現(xiàn)三種常用網(wǎng)頁特效(offset、client、scroll系列)
這篇文章主要為大家介紹了三種常用的PC端網(wǎng)頁特效：元素偏移量offset系列，元素可視區(qū)client系列和元素滾動scroll系列，文中示例代碼介紹詳細，需要的可以參考一下2021-12-12
Div上下居中...2007-02-02
這篇文章主要為大家詳細介紹了JavaScript Ajax實現(xiàn)異步通信的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
前段時間心血來潮,想把項目的前端都做一下接口防止重復請求的處理,雖然大部分的接口處理我們都是加了loading的,但又不能確保真的是每個接口都加了的,下面就來總結(jié)一下這次的防重復請求的實現(xiàn)方案,需要的朋友可以參考下2024-03-03
淺談Webpack4 Tree Shaking 終極優(yōu)化指南
這篇文章主要介紹了淺談Webpack4 Tree Shaking 終極優(yōu)化指南，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11