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

本地环境使用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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容