iconfont(阿里的图标库)
图标比较多,版权问题比较模糊(商用提前问一下作
者,自己练习可以.........)
图标字体只是单色的,不是彩色的
用它的图标字体,我们需要的步骤:
1找到你需要的图标,添加至购物车
2找到购物车,添加至自己的项目里
3点击下载至本地,将其提取到桌面上
4其中demo.index.html里放的案例(说明书)
5将其导入我们VSCode里的项目
<head>
.........
<link rel=“stylesheet” href=“文件链接”>
<style>
i.icontent{
font-size:100px;
}
p::before{
content:‘图标编码’
font-family:‘iconfont’;
font-size:100px;
}
</style>
</head>
<body>
<i class=“iconfont”>图标编码;</i>
<i class=“iconfont”>图标编码;</i>
<i class=“iconfont icon-qitalaji”></i>
</body>