Iconfont使用的两种方法

1、将自己需要的小图标加入购物车

2、点击右上角购物车，将添加的小图标添加到项目里

3、在“我的项目”里（2以后会自动跳转到这个页面）,选择“Unicode”引用（unicode是字体在网页端最原始的应用方式），然后点击“下载至本地”

方法一：

4、将下载的压缩包解压，可把整个包里面的文件复制到自己的项目中（懒人方法），也可指复制如图代码@font-face里面引入的文件。 并把@font-face和.iconfont里面的代码复制到自己的项目样式文件里面

5、挑选相应图标并获取字体编码，应用于页面 <i class="iconfont">&#x33;</i> 6、如保存之后，发现如下报错：说明你引入的压缩包里面文件的路径不正确，修改一下路径就好了。

方法二：

7、点击“查看在线链接”

8、复制这段代码，放到自己的css文件里面即可

转载于:https://juejin.im/post/5cadda735188251afc02fd3a