Question

我是图标字体的新手。

我认为fontawesome真的很棒，特别是（从我的观点来看）像fa-stack，fa-2x，fa-rotate-等类，因为它们增加了可用的图标。

Fontello也很超级。特别是（从我的观点来看）因为我可以找到更多的图标，并且只使用我真正需要的图标。但是我没有在fontello生成的css中找到所有那些奇妙的fontawesome工具。

所以问题是：我可以使用fa-xxx实用程序和fontello获得的任何图标吗？或者，我可以包含fontawesome css并成功将其应用于fontello图标吗？或者，是否可以将fa-xxx实用程序移植到fontello.css中？

更新：

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

fa-stacked with mixed fontello和font-awesome图标似乎有用（也许垂直居中并不完美，仍然不错）
fa-2x作品
fa-flip-xxx和fa-rotate-xxx不起作用
fa-spin和fa-pulse确实有效
fa-border do work

我不知道所有浏览器/平台是否属实。我不知道为什么翻转和旋转都不起作用。

接下来的步骤可能是尝试将fontawesome类包含到fontello-codes.css中，以便仅使用fontello图标字体（ - ＆gt;较小的图标字体）

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文件，以便您可以像这样使用'animate-spin'：

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

我目前与您撰写问题的时间点相同，我现在正在使用堆叠功能，如果我找到它，我会更新我的答案。如果你已经弄清楚了，请随意分享： - ）

与fontello一起使用Fontawesome实用程序类

1 个答案: