iconfont引入到项目中

iconfont官网地址&＃xff1a;
https://www.iconfont.cn/collections/index?spm&＃61;a313x.7781069.1998910419.3
挑选任意一个图标&＃xff0c;加入购物车&＃xff0c;下载代码&＃xff0c;将代码复制到web项目。
文件结构如图&＃xff1a;

页面中引入文件&＃xff1a;

unicode引入方法&＃xff1a;

&＃xe6bd;


这个 是看iconfont.json 里面的unicode来的。如图&＃xff1a;

font-class引入&＃xff1a;

这个sop-cgfk-hover也是iconfont.json文件里面找的&＃xff0c;如图&＃xff1a;

symbol引入(记得引入iconfont.js)&＃xff1a;

3种引入方式的效果依次如图&＃xff0c;但是为什么第三个和前2个不一样???&＃xff1a;

附&＃xff1a; iconfont引入方法的文档地址
https://www.iconfont.cn/help/detail?spm&＃61;a313x.7781069.1998910419.16&helptype&＃61;code