bootstrap中icon字體圖標怎么不顯示？下面本篇文章給大家介紹一下Bootstrap字體圖標不顯示問題。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

問題：

bootstrap使用字體圖標時只顯示一個框，不顯示圖標。

問題分析：

出現的原因是：bootstrap.css文件沒有正確關聯上字體文件glyphicons-halflings-regular.eot。

查看bootstrap.css源碼可知：@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.woff2') format('woff2'), 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');

}

注意當中的url

解決辦法：

把從網上下載的整個bootstrap丟到eclipse中。如圖

在jsp頁面中的引用：

bootStrap表單

注意：jQuery的引用要放在bootstrap引用前，否則會報Uncaught Error: Bootstrap's JavaScript requires jQuery的錯誤

更多web前端課程相關知識，請查閱 HTML中文網 ！！

總結

以上是生活随笔為你收集整理的html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。