iconfont的基本使用
1.登录iconfont的官网,选择图标库,点击官方图标库。地址:https://www.iconfont.cn/
2.搜索自己喜欢的图标(示例)
加入购物车中,右上角的购物车图标就会亮起,点击购物车会出现下面的界面
下载代码即可。
解压后会得到一个文件
打开 demo_index.html会得到图标对应的代码,具体如下图。
在代码中只需这样写就引入了iconfont图标
来看看最后的效果吧!!!
图标就显示出来了,如果想要放大或者添加颜色等等就需要自己给图标再添加一个样式了,iconfont是图标自己原本的类。