一、搜索自己想要的图标
进入官网:https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
在搜索栏中寻找自己想要的图标,例如:金币;
你可以将其下载为png文件等在CSS代码中引用,但这里我要讲的是在线引用。
二、添加至项目
将该图标加入到购物车(点击第一个,购物车)
添加至项目
生成代码(该代码是在线的,因为我这里之前有图标,所以是更新代码)
值得注意的是没错有添加或者删除图标的操作都要更新一下代码,因为其CSS代码变了,相应的链接地址也变了
三、使用
我们刚刚复制了css文件的地址
1.这时我们可以像link普通css文件一样来链接该css
2.使用
点击复制代码,这个代码是选择器class的名字
注意iconfont是一定要写的,因为当你看该css的源码时,你会发现都是基于iconfont这个选择器来设置样式的
3.效果
4.其他
因为该图标其实是字体,所以有关字体的样式设置均有效,如图: