共计 591 个字符，预计需要花费 2 分钟才能阅读完成。
Iconfont 是阿里巴巴矢量图标库，本文将简单介绍如何快速上手使用 Iconfont，自从用上 Iconfont 后，图片再也不糊了
起因
之前，项目中的 logo 等图片资源都是 UI 小姐姐设计好后切给我，然后我将其引入项目中，如下形式：
<img scr=”./logo.png” />
但这种方式有一个弊端，就是图片放大后，或者在高分辨率的显示器下面会变得模糊，导致不够清晰，对于一个有高要求高标准的场景而言，显然是不够的，于是团队讨论，决定用上 Iconfont，这是一种矢量图片库，由 UI 小姐姐将图片传到阿里 Iconfont 网站，然后下载使用即可，非常方便。
下载并使用
登录 Iconfont，在我的项目中，共有三种形式，这里我一般选择 Font class, 然后点击下载至本地，会得到这样一个文件夹。
将下图中五项 copy 出来，新建一个 myfont 文件夹（自定义命名，随便你）然后，在你的 html 页面中引入进来
<link rel=”stylesheet” href=”./myfont/iconfont.css” />
最后，在需要的地方使用即可
<i class=”iconfont icon-team”></i>
延伸
Iconfont 网站上有很多开源的库，别人已经设计好了，如果公司没有 UI 设计师，你也可以选择一套自己进行组装，非常自由，当然，矢量库还有，Font Awesome 等，也非常不错，用法嘛，都是大同小异。
正文完
