如何使用图标库iconfont

1可以百度输入iconfont搜索,或者点击此链接 点击官网进入到页面：

在这里比如找一个类似用户的图标，输入用户回车查找，

页面中就有很多相关用户的图标出现，如下：

我们可以随机挑选两张图标，用鼠标划过图标，会出现如下

接着类似于我们淘宝买东西，可以点击第一个购物车图标，这样子我们选中的图标就存放在购物车中了，可以加购多个图片，右下角会有个加购显示

点击下方购物车

我们可以将其添加到项目中，方便日后我们做项目管理这里我添加到了我命名为first的项目中

点击Font Class和查看在线链接，就会有个链接出来，复制粘贴在任何一个浏览器中

这就是我们需要引入的css代码，使用ctrl+a全复制，在vs中新建一个命名为icon.css的文件

然后回到我们刚才加购图标的页面，用鼠标划过一个图标，复制该图标的名字

最后我们新建一个以html结尾的文件，使用link标签将icon.css引入，使用使用引入，我这里新建一个test.html的文件，引入图标名为icon-yonghu1

运行结果如下

就这样就可以引用成功我们想要的图标了，你会了吗？