反转 fa-comments 或其他图标的浅色和深色?
Reversing light-dark colors for fa-comments or other icons?
我是 font-awesome 的新手,但我已经知道它有一段时间了,但我必须说它……太棒了!
我正在查看一个用于项目的 bootstrap 模板,其中一个图标是 fa-comments,但它是深色背景上的白色,这与默认情况下的白色深色不同。什么控制颜色?
模板(深色底白字)
http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/pages/index.html
字体很棒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>
CSS color
属性 会改变颜色。 Font Awesome 只是一种特殊字符的字体。像使用任何其他字体一样使用它。
http://fortawesome.github.io/Font-Awesome/examples/
If you change the font-size of the icon's container, the icon gets
bigger. Same things goes for color, drop shadow, and anything else
that gets inherited using CSS.
我是 font-awesome 的新手,但我已经知道它有一段时间了,但我必须说它……太棒了!
我正在查看一个用于项目的 bootstrap 模板,其中一个图标是 fa-comments,但它是深色背景上的白色,这与默认情况下的白色深色不同。什么控制颜色?
模板(深色底白字)
http://ironsummitmedia.github.io/startbootstrap-sb-admin-2/pages/index.html
字体很棒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>
CSS color
属性 会改变颜色。 Font Awesome 只是一种特殊字符的字体。像使用任何其他字体一样使用它。
http://fortawesome.github.io/Font-Awesome/examples/
If you change the font-size of the icon's container, the icon gets bigger. Same things goes for color, drop shadow, and anything else that gets inherited using CSS.