美文网首页
iconfont使用说明

iconfont使用说明

作者: null_su | 来源:发表于2017-08-19 11:45 被阅读0次

    iconfont 字体图标使用

    1. 到iconfont.cn查找需要的图标(先登录)

    2. 每个都点击“添加入库”

    3. 点击顶部的购物车图标

    4. “添加到项目”,新建一个项目,确定后

    5. 点击下载到本地,解压,我们选择fontClass方式加载字体图标

    6. 需要的文件:

      1. iconfont.css
      2. iconfont.eot;iconfont.svg;iconfont.ttf;iconfont.woff(字体文件,四种格式分别兼容ie,chrome,Android,ios,详见iconfont.css内注释)
    7. 字体文件上传到服务器,载入iconfont.css,确保路径正确

    8. html结构:

      <i class="iconfont icon-home"></i>

    9. 完毕

    相关文章

      网友评论

          本文标题:iconfont使用说明

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