将fa-comments或其他图标反转为浅黑色?

时间:2015-11-06 14:41:56

标签: css twitter-bootstrap font-awesome

我是font-awesome的新手,但我已经知道它已经有一段时间了,但我必须说它真棒!真棒!

我正在看一个用于项目的bootstrap模板,其中一个图标是fa-comments,但它在深色背景上是白色的,不像默认情况下是白色的黑色。什么控制颜色?

模板(白底黑)
http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/pages/index.html

font-awesome link(注意白底黑暗)
http://fortawesome.github.io/Font-Awesome/icon/comments/

包含该大(fa-5x)评论图标的html是:

                            <div class="row">
                                <div class="col-xs-3">
                                    <i class="fa fa-comments fa-5x"></i>
                                </div>
                                <div class="col-xs-9 text-right">
                                    <div class="huge">26</div>
                                    <div>New Comments!</div>
                                </div>
                            </div>

1 个答案:

答案 0 :(得分:1)

CSS color属性将更改颜色。 Font Awesome只是一种特殊字符。像任何其他字体一样使用它。

http://fortawesome.github.io/Font-Awesome/examples/

  

如果更改图标容器的字体大小,则会显示图标   大。颜色,投影和其他任何东西都是一样的   使用CSS继承。