2019-03-19,Iconfont使用(二)
2019-03-19 本文已影响0人
杨柳_Papaya
本地环境使用Iconfont图标库
添加图标至图标库
- 重复上文1，2操作
-
点击“下载至本地”
image.png
- 解压缩下载包，讲.css文件拷贝至项目/css文件目录内，其他.eot、.svg、.ttf、.woff四个文件放入/css同级目录/font内。
<html>
<head>
<link rel="stylesheet" href="./css/iconfont.css">
</head>
</html>
<i class="icon-person iconfont"></i>
其中icon-person要和图标库中名字一样
image.png
- 在原有基础上修改样式
.iconfont {
color:red
font-size:40px;
}
image.png
