iconfont使用说明

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? 以前在做项目的时候经常使用到图片资源,哪怕是一个勾或者叉都要加载图片,最早是一张一张加载...
    zcynine阅读 804评论 0 0
  • 一.iconfont使用场景(优缺点); 一般我们项目决定要使用一个技术点前,会查相关资料对其有大概的理解。例如,...
    萧强阅读 1,209评论 1 6
  • 前言 本篇文章其实陆陆续续写了快半年,主体部分写好了很久了,但由于种种原因一直没有发布。首先来说说写这篇文章的主要...
    花裤衩coder阅读 4,099评论 0 11
  • 什么是Iconfont 我们通常看到的图标都是以图片形式集成到项目中使用,而 Iconfont 是一套字体图标,和...
    十秒_阅读 2,760评论 1 14
  • 本人ios初学者,为自己学习方便,复制各位大神的学习性文章放在自己简书里,仅作为自己学习方便使用,如果作者疑此行为...
    bu再等阅读 1,836评论 1 3
  • 每一部喜剧片都有各自的笑点,但每一部灾难片都有相同的主题:那就是你赢得了天灾人祸,却始终斗不过人性。 人性是什么,...
    暗仔小亮亮阅读 587评论 0 1
  • (三) 一回到皇宫,我就火急火燎地屏退所有宫女,狂摇传音风铃。 “小狐狸!师父!出大事了!你们快回答我啊!”哎呀妈...
    非凡的Nancy阅读 143评论 3 1
  • 常用模版标签 标签 过滤器 模版包含和继承 admin 配置 Form 使用 django.forms.Model...
    v小飞侠v阅读 136评论 0 0
  • 彩蛋
    美丽的中华阅读 124评论 0 0