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

前端之家收集整理的这篇文章主要介绍了angularjs – 我如何“拉出”我实际使用的十几个图标?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用grunt构建的角度项目,它使用了很多来自font-awesome的图标.目前,我包括并因此分发整个字体真棒库.有没有办法“拉出”我实际使用的图标(最好是作为构建过程的一部分)?

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

首先使用 Font-Awesome-SVG-PNG为每个Font Awesome图标获取单独的SVG文件.
font-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'
    }
}
原文链接:https://www.f2er.com/angularjs/141132.html

猜你在找的Angularjs相关文章