前端如何在项目中使用iconfont 引入iconfont 图标库
程序员文章站
2024-02-16 17:27:52
...
iconfont网址:https://www.iconfont.cn/
怎么注册GitHub,怎吗登录我就不说了;
先看样式
1.第一步:搜索框搜索输入你需要的图标名称,查看样式
第二步:鼠标悬浮在你需要的图标上 会出现三个图标 点击购物车
第三步: 以此类推 选择完你需要的所有图标后,找到右上角的它
第四步:点击右上角的购物车,然后下载代码
第五步:解压压缩包,复制iconfont.css文件到你的项目
第六步:引用css文件,路径一定要正确,这个我就出错了,找了好久才发现
然后你就可以显示了
也可以用红色箭头这种
红蓝的箭头双样式的展示:
<i class="iconfont"></i>
<span class="iconfont icon-tuichu1"></span>
对应iconfont.css文件中的
如果记不住怎么引用具体的图表,可以打开压缩包中的demo_index.html
js引用 ,我没有试,两种够用
记住一定改正好路径