学习完整课程请移步 互联网 Java 全栈工程师
本节视频
什么是字体图标
所谓字体图标,就是使用字体(Font)格式的字形做成了图标。
Bootstrap 自带的字体图标
Bootstrap 捆绑了 200 多种字体格式的字形,在 fonts 文件夹内可以找到字体图标,它包含了下列这些文件:
- glyphicons-halflings-regular.eot
- glyphicons-halflings-regular.svg
- glyphicons-halflings-regular.ttf
- glyphicons-halflings-regular.woff
相关的 CSS 规则写在 dist 文件夹内的 css 文件夹内的 bootstrap.css
和 bootstrap-min.css
文件上。
使用字体图标
如需使用图标,只需要简单地使用下面的代码即可:
<span class="glyphicon glyphicon-search"></span>
其它字体图标库
- FontAwesome:http://fontawesome.dashgame.com/
- LineAwesome:https://icons8.com/line-awesome
- SocialIcons:http://www.socicon.com/chart.php
- 阿里巴巴矢量图标库:http://www.iconfont.cn/