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

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 中。

例如，如果您只想在网络字体中包含具有angle-关键字的图标，那么 grunt 任务将类似于 -

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