什么是 Font Awesome 4.x 相当于 3.x 的“icon-white”类？答案

【问题标题】：What is the Font Awesome 4.x equivalent of 3.x's "icon-white" class?什么是 Font Awesome 4.x 相当于 3.x 的“icon-white”类？
【发布时间】：2014-07-11 06:37:01
【问题描述】：

我正在将使用 Font Awesome 3.2.1 的自定义 PHP 代码升级到 Font Awesome 4.1。很棒的upgrade instructions 解决了我所有关于图标命名约定更改的问题。但是，我被困在 3.2.1 的 icon-white 类上，它应该使图标变为白色（如果我没记错的话）。

我在 FA 4.x 中找不到此类的等效项。 Font Awesome 是基于字体的图标集，所以应该不需要额外的类来改变单色。这应该在 CSS 级别完成。

即便如此，我也不确定，我应该如何替换以下代码以使其与 Font Awesome 4.x 兼容：

Html::link('<i class="icon-ok icon-white"></i>');

在mentioned upgrade instructions 之后，我将icon-ok 更新为fa-check，但是icon-white 呢？我要完全删除它吗？这样生成的链接还会是白色的吗？

【问题讨论】：

标签： css font-awesome font-awesome-4 font-awesome-3.2

【解决方案1】：

Font awesome 有一个新的类 .fa-inverse。

或者..

您可以创建自己的类，只需将icon-white 添加到图标的 CSS 中，然后将其定义为：

i.icon-white:before{
  color:white;
}

Font Awesome 使用 :before 伪元素作为其图标，因此您可以根据自己的喜好设置样式。

Demo Fiddle

【讨论】：

啊，我明白了。我知道，我可以自己处理这个问题，就像你在上面展示的那样。但是，我不确定从 4.x 中删除这个类的目的是什么，如果——正如你所建议的——它被完全删除，没有任何等价物。
@trejder - 刚刚通过 FA 的 CSS，有一个新类 fa-inverse 实际上会这样做。我修改了以上内容