如何利用@规则将小图标导入外部字体。

阿里巴巴矢量图标库

iconfont-阿里巴巴矢量图标库

步骤

登陆注册上面网站，将想要使用的图标加入收藏夹，点击购物车再点击下载代码，如下图所示

当然也可以点击下载素材，下载素材是通过图片的形式下载，不能把其当做字体设置。

然后打开解压的下载文件，打开后缀名为html的文件，会介绍三种使用方法为分别是通过Unicode、Font class和Symbol引用，我们这里介绍第一种如图：

把第一二步代码拷贝按顺序复制到CSS中即可，接着如图把下面5个文件拷贝到CSS文件的当前目录即可，如果放在其他文件中，注意修改第一步中的地址即可。根据第三步即可把这些图片当做字体去使用了。