Question

如何在HTML中使用图标字体

Answer 1

正常情况下浏览器中无法显示特殊字体，除了黑体、微软雅黑、宋体还有一些英文字体等等这些常规字体，其他字体浏览器都无法正常识别显示，所以这里就需要自定义字体用到css中的font-face，具体方法如下：

①下载需要的相应字体到本地；

②在css样式中添加如下代码

@font-face{
    font-family:字体名称
    src:url(字体文件路径)
}

字体名称可以为需要调用的字体名称也可以自定义相应名称（为方便后期调用优化，建议使用字体本身的名字），src中的字体文件路径即该字体所在文件夹的路径；

③在需要的用到该字体的css属性中添加font-family：字体名称，和设置常规字体样式一样，该处的字体名称为font-face中定义的字体名称；

按以上操作，即可在网页中正常显示想要使用的特殊字体。

Answer 2

图标字体化浅谈
请参考：http://isux.tencent.com/icon-font.html