我如何从FontAwesome的图标样式的颜色，大小和阴影?
例如，FontAwesome的网站将显示一些白色图标和一些红色图标，但不会显示如何样式它们的CSS……
当前回答
你也可以添加样式内联:
<i class="icon-ok-sign" style="color:green"></i>
<i class="icon-warning-sign" style="color:red"></i>
其他回答
在FontAwesome 4.0中，类更改为'fa-2x'， 'fa-3x'。
图片来源:我可以改变Font Awesome的图标颜色吗?
(这个答案建立在那个答案的基础上)
(对于书签图标，例如:)
inyour.css文件:
.icon-bookmark.icon-white {
color: white;
}
inyour.html文件:
<div class="icon-bookmark icon-white"></div>
http://fortawesome.github.io/Font-Awesome/examples/
<i class="icon-thumbs-up icon-3x main-color"></i>
在这里，我在CSS中定义了一个全局样式，其中main-color是一个类，在我的例子中，它是浅蓝色色调。我发现在图标上使用内联样式，字体很棒，特别是在你从语义上命名颜色的情况下，即navi -color，如果你想要一个单独的颜色，等等。
在他们网站上的这个例子中，以及我在我的例子中所写的，最新版本的字体Awesome稍微改变了调整大小的语法。以前是:
icon-xxlarge
现在我必须使用:
icon-3x
当然，这完全取决于你在你的环境中安装了什么版本的Font Awesome。希望这能有所帮助。
简单地说，你可以在css文件中定义一个类，并将其级联到html文件中
<i class="fa fa-plus fa-lg green"></i>
现在用CSS写下来
.green{ color:green}
如果你同时使用Bootstrap，你可以使用:
<i class="fa fa-check-circle-o fa-5x text-success" ></i>
否则:
<i class="fa fa-check-circle-o fa-5x" style="color:green"></i>
