以下是网站常用的小图标，配合CSS使用，注意图标的名称。

原理分析：Bootstrap框架中的图标都是字体图标，其实现原理就是通过@font-face属性加载了字体。

大家或许会问，这些字体我去哪里获取。如果你是从前面一直阅读过来，我们在介绍文件结构那一节就已介绍过。在Bootstrap框架中有一个fonts的目录，这个目录中提供的字体文件就是用于制作icon的字体文件。
自定义完字体之后，需要对icon设置一个默认样式，在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon编码。

原文地址：点击查看原文     在线看图