我正在使用字体AwesesSass文件https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass使其成为_font-awesome.sass,这样我就可以在我的Sass项目中使用@import.我还使用http://middlemanapp.com/Sass转换为Css.问题:

  1. 有没有办法在我转换后的.css中只带used icon classes个?因为现在它承载着从_font-awesome.sass开始的所有课程

  2. 有没有可能用used icon classes以某种方式使字体recompile,以使其在生产使用时变得更小?

如果我能从上面的#1中得到一些建议,那就太棒了.

谢谢

推荐答案

Sass不知道您实际使用的是什么类.这是你将不得不手动削减自己.打开电脑.scss文件和黑客出任何你不需要的.

编辑字体文件本身以消除不需要的字形需要第三方应用程序来执行此操作,这超出了本问题的范围.


Fontello是一个在线网络服务,可以为您完成所有这些.它允许您在多个图标字体集合之间进行混合和匹配,为您的项目创建完美的字体文件.除了自定义字体文件外,它还提供了多个.包含已为您生成的样式的css文件(将扩展名更改为.scss将允许您将其导入现有的Sass项目).

Css相关问答推荐

为什么盒影没有显示在我的Angular组件中?

沿浮动形状—面元素外路径将文字垂直居中""

使用背景滤镜时,伪元素出现在div之前

React呈现多个css文件

如何为垫子制作圆角- Select 所有角点上的下拉列表

如何在JavaFX中设置分隔符的样式?

如何剪切一个正方形以便我可以绘制追逐边框?

如何使用 Sass to CSS 创建 H1 到 H6 标题并减小字体大小

如何仅包装左侧内容

Rails 7引擎如何使未编译的样式表可用于托管应用程序?

Angular Material 中的样式垫 Select

如何使用 Bootstrap 3 阻止按钮保持压抑状态

继承了哪些 CSS 属性?

如何使内容出现在固定的 DIV 元素下方?

Bootstrap 3 Glyphicons CDN

表格溢出时水平滚动

修复 Mobile Safari (iPhone) 上文本呈现不一致且某些字体比其他字体大的字体大小问题?

Select 标签的占位符

在 CSS 中表示 100% 的 1/3 的最佳方式是什么?

CSS关键帧动画CPU占用率高,应该这样吗?