bootstratp作為一個優秀的前端框架，最近使用了其中的Glyphicon Halflings的字體圖標。起初一直顯示不出來，后面通過搜索相關資料直到成功顯示，在此做一些總結，方便后面復習。

1、在html頁面引入bootstrap

xxxx

2、在放bootstrap.min.css的文件夾同級的目錄下添加官網下載好的fonts文件里的所有東西

3、在項目的/img/文件下添加(關鍵)

glyphicons-halflings-white.png

glyphicons-halflings.png

4、使用

放在任何地方都能使用。為了留下正確的內補(padding)，一定要在圖標和文本之間加上一個空格。圖標 class 不能和其它元素聯合使用，因為這些圖標被設計為獨立的元素、獨立使用。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

如果大家還想深入學習，可以點擊這里進行學習，再為大家附兩個精彩的專題：Bootstrap學習教程

Bootstrap實戰教程

總結

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

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