什么是字体真棒4.x相当于3.x' s" icon-white"类?

时间:2014-05-22 09:43:56

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

我将使用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呢?要把它全部删掉吗?生成这种方式的链接仍然是白色的吗?

1 个答案:

答案 0 :(得分:3)

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

可替换地..

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

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

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

Demo Fiddle