如何使用 字体图标(Glyphicons) ？

Question

在学习使用 字体图标(Glyphicons) 的过程中，说明里写的是这样子写
<span class="glyphicon glyphicon-search"></span> 就可以使用图标
但是我在查看别人源码时发现，还要写
.glyphicon-search:before { content: "\e003"; }
这样就混淆了，为什么还要写后面这句代码？前面一句使用就能显示所要的图标。
另外后面这句为什么用 :before，能不能改成 :after ?

Answer 1

因为图标字体是把图标看成一个自定义的字符，所以需要指定unicode码位，在这里就是\e003。

如果你这么写<span class="glyphicon">&#x0e003;</span>就不需要写那一段CSS了。

改成:after也是可以的吧