html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示?
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字体图标怎么不显示?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 金卡信用卡最高额度
- 下一篇: 王小云计算机,王小云学者主页-科技工作者