iconfont使用说明

2017-08-19  本文已影响0人  null_su

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. 完毕

上一篇 下一篇

猜你喜欢

热点阅读