官网

https://www.iconfont.cn/

使用

https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.17&helptype=code

font-class 引用

font-class 是 unicode 使用方式的一种变种，主要是解决 unicode 书写不直观，语意不明确的问题

使用步骤如下：

第一步：拷贝项目下面生成的 fontclass 代码：

1
//at.alicdn.com/t/font_8d5l8fzk5b87iudi.css

第二步：挑选相应图标并获取类名，应用于页面：

1
<i class="iconfont icon-xxx"></i>

字体冲突的问题

iconfont.cn 平台给出的 font-face 定义默认都是 iconfont 的 fontfamily，建议大家改掉，避免与其他项目字体（比如引用的公共组件里面的字体）冲突

在线字体

https://www.iconfont.cn/webfont#!/webfont/index