阿里iconfont字库的使用

• 方法1：Unicode 引用

1. 选择需要的图标
   

2. 下载代码，得到压缩包

3. 文件解压后，将iconfont.css导入你的css文件

注意src的路径，在引用的页面找到icon font文件夹中的iconfont.ttf的路径

4. 在html文件中调用（普通标签）
   
   
5. 伪元素中使用，在icon.css文件中找

• 方法2：font-class 引用

1. 和方法1一样下载好字体图标的代码

2. 引用压缩包中的文件—iconfont.css
   

3. 在demo_index.html文件中查看图标对应的font-class
   

4. 将class名字加入到标签中，注意，不需要加.

<span class="iconfont icon-xxx"></span>