Bootstrap字体图标

什么是字体图标

字体图标就是使用字体（Font）格式的字形做成的图标，他是矢量的。

Bootstrap自带的字体图标

Bootstrap自带了200多种字体格式的字形，在fonts文件夹内可以找到字体图标：

• glyphicons-halflings-regular.eot
• glyphicons-halflings-regular.svg
• glyphicons-halflings-regular.ttf
• glyphicons-halflings-regular.woff
• glyphicons-halflings-regular.woff2

相关的CSS规则写在dist文件夹内的css文件夹内的bootstrap.css和bootstrap-min.css 文件上。

使用字体图标

<span class="glyphicon glyphicon-search"></span>

<span class="glyphicon glyphicon-search" style="font-size: 50px"></span>

使用字体图标除了不失真的好处，更多的是为了用户体验以及达到产品能说话的效果。

其他字体图标库

1. FontAwesome (opens new window)
2. LineAwesome (opens new window)
3. SocialIcons (opens new window)
4. 阿里巴巴矢量图库 (opens new window)