我有一个使用grunt构建的角度项目,它使用了很多来自font-awesome的图标.目前,我包括并因此分发整个字体真棒库.有没有办法“拉出”我实际使用的图标(最好是作为构建过程的一部分)?
我见过icomoon应用程序,这似乎给了我想要的结果,但这是一个手动过程,在图标使用情况发生变化时进行更新.
首先使用
Font-Awesome-SVG-PNG为每个Font Awesome图标获取单独的SVG文件.
原文链接:https://www.f2er.com/angularjs/141132.htmlfont-awesome-svg-png --color black --sizes 128 --no-png
然后使用grunt-webfont,将您选择的图标(从上一步中生成的SVG)组合到自定义webfont中.
例如,如果您只想在webfont中包含具有angle-keyword的图标,那么grunt任务就像 –
webfont: { icons: { src: 'black/svg/angle-*.svg',dest: 'build/fonts' } }