在fontello中使用Fontawesome实用程序类

Question

我对图标字体很陌生。

我认为fontawesome真的很棒，特别是(在我看来)对于fa-堆栈、fa-2x、fa-旋转式-#类，因为它们增加了可用的图标。

丰特洛也很棒。特别是(从我的角度来看)，因为我可以找到更多的图标，并且只使用我真正需要的图标。然而，我并没有在由fontello生成的css中找到所有那些神奇的字体实用程序。

因此，问题是:我可以使用fa-xxx实用程序和由fontello获得的任何图标吗？或者，我是否可以包括方框css并成功地将它应用到fontello图标上？或者，是否可以将fa-xxx实用程序移植到fontello.css中？

更新：

我测试了这个场景:导入fontawesome并将其应用于fontello图标；这是Google Chrome v43的结果：

• fa-堆叠的混合字体和字体-令人敬畏的图标似乎是可行的(也许垂直对中并不完美，仍然好)
• fa-2x工程
• fa-翻转-xxx和fa-旋转-xxx不工作。
• fa-自旋和fa-脉冲工作
• 边境线工作

我不知道这是否适用于所有浏览器/平台。我不知道为什么翻转和旋转不工作。

接下来的步骤可能是尝试在fontello-codes.css中包含方框类，以便只使用fontello图标字体(->较小的图标字体)。

Answer 1

我对你的问题有一个部分的回答。

为了只使用fontello来调整图标的大小，请使用以下css：

 .fa-1x {
    font-size: 1em;
  }
  .fa-2x {
    font-size: 2em;
  }
  .fa-3x {
    font-size: 3em;
  }
  .fa-4x {
    font-size: 4em;
  }
  .fa-5x {
    font-size: 5em;
  }

要让图标旋转，包括fontello的动画css文件，这样您就可以像这样使用“动画自旋”：

<i class="icon-phone animate-spin fa-2x">

我现在和你写问题的时候是一样的，我现在正在讨论堆叠功能，如果我发现了，我会更新我的答案。如果你已经弄清楚了，请随意分享:-)