我将使用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
呢?要把它全部删掉吗?生成这种方式的链接仍然是白色的吗?
答案 0 :(得分:3)
字体真棒有一个新的类.fa-inverse
。
可替换地..
您可以创建自己的类,只需将icon-white
添加到CSS的图标中,然后将其定义为:
i.icon-white:before{
color:white;
}
Font Awesome使用:before
伪元素作为其图标,因此您可以根据需要设置样式。