如何使用图标库iconfont
分类:
文章
•
2024-02-15 19:21:46
1可以百度输入iconfont搜索,或者点击此链接 点击官网进入到页面：
在这里比如找一个类似用户的图标，输入用户回车查找，
页面中就有很多相关用户的图标出现，如下：
我们可以随机挑选两张图标，用鼠标划过图标，会出现如下
接着类似于我们淘宝买东西，可以点击第一个购物车图标，这样子我们选中的图标就存放在购物车中了，可以加购多个图片，右下角会有个加购显示
点击下方购物车
我们可以将其添加到项目中，方便日后我们做项目管理这里我添加到了我命名为first的项目中
点击Font Class和查看在线链接，就会有个链接出来，复制粘贴在任何一个浏览器中
这就是我们需要引入的css代码，使用ctrl+a全复制，在vs中新建一个命名为icon.css的文件
然后回到我们刚才加购图标的页面，用鼠标划过一个图标，复制该图标的名字
最后我们新建一个以html结尾的文件，使用link标签将icon.css引入，使用使用引入，我这里新建一个test.html的文件，引入图标名为icon-yonghu1
运行结果如下
就这样就可以引用成功我们想要的图标了，你会了吗？
