0

我正在将使用 Font Awesome 3.2.1 的自定义 PHP 代码升级到 Font Awesome 4.1。绝妙的升级说明解决了我所有关于图标命名约定更改的问题。但是，我被困在 3.2.1 的icon-white课程上，这应该使图标变白（如果我没记错的话）。

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

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

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

按照提到的升级说明，我更新icon-ok到了fa-check，但是呢icon-white？我要完全删除它吗？以这种方式生成的链接仍然是白色的吗？

4

1 回答 1

3

字体真棒有一个新的类.fa-inverse。

或者..

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

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

Font Awesome 使用:before伪元素作为其图标，因此您可以根据需要设置样式。

演示小提琴

于 2014-05-22T09:49:21.740 回答