css – 优化字体Awesome只为使用的类

前端之家收集整理的这篇文章主要介绍了css – 优化字体Awesome只为使用的类前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用Font Awesome Sass文件 https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass来使它_font-awesome.sass所以我可以@import在我的Sass项目。我也使用 http://middlemanapp.com/将Sass转换为Css。问题:

>有没有办法只使用图标类转换成我的转换的.css?因为现在它承载了所有的类从_font-awesome.sass
>奖金:有可能重新编译字体以某种方式与使用的图标类,使其更小的生产使用?

如果我能得到上面#1的一些提示,这将是真棒。

谢谢。

解决方法

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

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

Fontello是一个在线Web服务,可以为您做所有这一切。它允许您在多个图标字体集合之间混合和匹配,以为您的项目创建完美的字体文件。除了定制的字体文件,它提供多个.css文件包含已经为您生成的样式(更改扩展名为.scss将允许您将它们导入到现有的Sass项目中)。

猜你在找的CSS相关文章