Bootstrap-Glyphicons

Bootstrap-Glyphicons是Bootstrap框架中的一组字体图标，用于展示常用的图标，如箭头、邮件、电话、文件、照片等。这些图标都基于矢量格式设计，并且可以用CSS进行调整。

优点

• Bootstrap-Glyphicons可以作为轻量级的图标资源，减轻页面加载负担；
• 由于图标基于矢量格式设计，因此它们可以随时进行缩放而不失真；
• 通过使用合适的CSS类名，可以轻松实现不同的图标大小和颜色；
• 由于Bootstrap-Glyphicons是Bootstrap框架的一部分，因此与Bootstrap页面集成起来非常方便。

使用方法

1. 首先，需要在页面上导入Bootstrap框架。

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css">

2. 需要在页面上导入Glyphicons字体文件。

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/fonts/glyphicons-halflings-regular.woff2" rel="stylesheet">

3. 在使用图标的地方，使用合适的CSS类名。

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

如上所示，"glyphicon"是指示Bootstrap-Glyphicons的基类名，而"glyphicon-search"则指示具体的图标类型。可以在官方文档中查找更多的图标类型。

总结

Bootstrap-Glyphicons是一个轻量级且易于使用的图标资源，可以帮助开发者快速实现页面中的常见图标展示。在不同的应用场景中，我们可以使用不同的CSS类名和字体大小，以便更好地传达信息。

不过需要注意的是，在使用字体图标的时候需要保证字体文件的正确性，并且通过CSS调整图标大小时需要考虑页面的样式，以免影响整体的布局效果。