请问bootstrap的Glyphicons图标是怎么和:before, :after编码对应起来的

Question

如果使用bootstrap的Glyphicons图标，以下代码可以显示一个杯子。

<span class="glyphicon glyphicon-glass" aria-hidden="true"></span>

查看CSS是这个样子

每个图标对应不同的十六进制，比如这里的\e001

请问每个图标对应的十六进制是怎么生成的？为什么改成e002就无法显示图标了？

Answer 1

你有没有用过 font-awesome 之类的东西？

这些都需要加载一个字体文件，这个 \e001 在那个字体文件里对应的是一个（长的跟）杯子（一样）的 字符。