css - 为仅使用的类优化 Font Awesome

Question

我正在使用 Font Awesome Sass 文件 https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass让它成为 _font-awesome.sass 这样我就可以在我的 Sass 元素中 @import 了。我也在使用 http://middlemanapp.com/将 Sass 转换为 Css。问题:

1. 有没有办法只将使用过的图标类 放入我转换的 .css 中？因为现在它承载了 _font-awesome.sass

中的所有类

2. 奖励:是否可以使用使用的图标类以某种方式重新编译字体以使其在生产使用中更小？

如果我能得到上面#1 的一些提示，那就太棒了。

谢谢。

Answer 1

Sass 不知道您实际使用的是什么类。这是您必须自己手动修剪的东西。打开提供的 .scss 文件并删除不需要的任何内容。

编辑字体文件本身以消除不需要的字形需要第 3 方应用程序来这样做，并且超出了这个问题的范围。

---

Fontello是一种在线网络服务，可以为您完成所有这些工作。它允许您在多个图标字体集合之间混合搭配，为您的元素创建完美的字体文件。除了自定义字体文件外，它还提供了多个包含已为您生成的样式的 .css 文件(将扩展名更改为 .scss 将允许您将它们导入到现有的 Sass 元素中)。