我如何“拉出”我实际使用的十几个图标？

Question

我有一个使用grunt构建的角度项目，它使用了很多来自font-awesome的图标。目前，我包括并因此分发整个字体真棒库。有没有办法“拉出”我实际使用的图标（最好是作为构建过程的一部分）？

我见过icomoon应用程序，这似乎给了我想要的结果，但这是一个手动过程，可以在图标使用情况发生变化时进行更新。

Answer 1

首先使用Font-Awesome-SVG-PNG为每个Font Awesome图标获取单独的SVG文件。

font-awesome-svg-png --color black --sizes 128 --no-png

然后使用grunt-webfont，将您选择的图标（从上一步中生成的SVG）组合到自定义Webfont中。

例如，如果您只想在webfont中包含 angle - 关键字的图标，那么grunt任务就像 -

webfont: {
    icons: {
        src: 'black/svg/angle-*.svg',
        dest: 'build/fonts'
    }
}