有了Iconfont，妈妈再也不用担心我找不到想要的图标啦！

前言

搭blog的时候图标一直在用Font Awesome库。然而图标只有不到700个。

如果科学上网去正规Font Awesome库的话，图标也只有7000多个，而且大部分都是付费的。

偶然看到Iconfont库，里面图标有60多万个，而且还有彩色的！

于是有了这篇教程。

添加

可以按这个教程下到本地，不过很麻烦不推荐。

直接用阿里云外链调用即可。

首先来到Iconfont官网，点右上角登录（github登录即可）。

点击首栏->图标管理->我的项目。

点击右上角紫色的新建项目。

项目名称、FontClass/Symbol前缀和Font Family随便填，后两项引用的时候要用。

搜索想要的图标。

点击图标上的“添加入库”按钮。

如果还有其他需要的，可以继续添加。

点击右上角的购物车，弹出的侧边栏里点击添加至项目，选择刚才创建的项目。

回到刚才的项目，在Font class中生成css外链。

复制css外链，在博客页面的<head>元素中引用：

通过<i>标签引用。

格式：

<i class="A B-C"></i>

A为FontClass/Symbol前缀，B为Font Family，C为图标名称。

示例：

<i class="ctz ctz-snow"></i>