• 列表项目

本教程均在handsome 4.1.1中测试通过，不保证兼容其他版本，请自行修改相应步骤。

handsome提供了一些主题，然而在4.0之后把fa图标删了……很多人（包括我）还是需要的，不过原版的fa太大了，下面我们来利用fontello来阉割一下下。

自定义图标

  1. 我们登陆fontello网站，把主题目录assets/fonts/fontawesome下的fontello.svg文件拖上去，如图：3325003191.png
  2. 将Custom Icons里的所有图标选中，然后再选上需要添加的图标，注意最后在自定义里把前缀改成fa-，点右上角大大的Download就可以把文件下下来了

覆盖文件并修改css

  1. 将压缩包font文件夹下的东西全部覆盖到assets/fonts/fontawesome目录
  2. 打开assets/css/handsome.min.css,这里你需要一个CSS格式化工具，将它格式化
  3. 打开之前压缩包css文件夹下fontello.css文件，也格式化一下，然后复制图中的这串数字

1803936673.png

  1. 回到handsome.min.css文件，查找fontello.eot?，然后把从这之后的所有图中的数字替换为步骤3中复制的数字

3898077137.png

  1. 最后把fontello.css文件50行之后（可能需要调整，如图所示为分隔）的所有内容替换handsome.min.css文件.fa-home:before之后的所有内容

1381497947.png

  1. 最后把handsome.min.css文件代码用CSS格式化工具重新压缩保存

修改版本号

为了保证所有用户即时生效，需要到libs\Handsome.php中，把$versionTag后面的值+1就可以了

最后修改：2020 年 02 月 26 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏