美文网首页
2019-03-19,Iconfont使用(二)

2019-03-19,Iconfont使用(二)

作者: 杨柳_Papaya | 来源:发表于2019-03-19 14:46 被阅读0次

本地环境使用Iconfont图标库

添加图标至图标库

  1. 重复上文1,2操作
  2. 点击“下载至本地”


    image.png
  3. 解压缩下载包,讲.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
  1. 在原有基础上修改样式
.iconfont {

    color:red

    font-size:40px;

}
image.png

相关文章

网友评论

      本文标题:2019-03-19,Iconfont使用(二)

      本文链接:https://www.haomeiwen.com/subject/dbbgmqtx.html