在阅读了butterfly主题配置的官方文档之后,发现其对使用阿里图标库方法的描述存在一些不足,比如不能自定义图标的大小。下面说一下另一种方法:

1.注册iconfont,新建项目之后,将图标添加到自己的项目中

2.点击Font class中的链接,复制下来

3.在/source目录下新建文件夹 source/css,新建文件font.css,然后将刚刚复制的代码粘贴进去

4.在_config.butterfly.yml文件中找到inject,按如图所示设置

5.引用格式

至此图标已经可以正常显示,但是显示效果偏小

此时修改font.css文件里的font-size属性,默认是16px,我们改成22px,看一下效果

除此之外,在iconfont项目中可以点击编辑来调整图标的大小和位置,修改完保存即可