前言

小白一枚，大佬请绕道，仅是记录自己的引入过程，勿喷。
网上已有Wordpress或其它主题的引入教程，这里有做一些参考，不再阐述，有问题欢迎指出交流。

开始

你需要：
Handsome主题 (其它主题自行测试)
一个iconfont账号 (可自行注册)

教程

首先，进入iconfont矢量图标库
(没有账号的可以先注册登录账号再继续,这里就不多说了)。

然后在顶部的资源管理里新建一个项目，命名随意(已有可以忽略)。

搜索你想要引入的所有图标(不推荐颜色多的，会自动去色。如果一次仅引入一个，需要重新生成多次代码，具体可看后面)。

查看图标，会出现购物车按钮，点击添加至购物车。

之后点击右上角的购物车按钮，点击添加至项目，添加到刚刚创建的项目里。

添加后回到资源管理--我的项目页面，找到刚才你创建的项目，这里就会显示刚才添加的图标了。

点击上面的font class选项，查看在线链接，生成font class的代码并复制。

进入handsome主题后台的开发者设置--自定义head头部的HTML代码，把以下内容添加到这里

<link href="https://at.alicdn.com/t/xxx.css" rel="stylesheet">

* href后面的链接替换成你刚才生成的链接

到这里，iconfont图标的引入就基本完成了，但是如果要添加新的图标到项目内，并在网站上显示，需要重新进入iconfont的项目管理页面生成代码。

使用

图标使用请自行参照handsome主题的使用文档，这里只写引入的教程。有问题可在评论区留言。

版权属于：栖舟

本文链接：https://flyme.cf/archives/25.html

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。