我如何从FontAwesome的图标样式的颜色，大小和阴影?
例如，FontAwesome的网站将显示一些白色图标和一些红色图标，但不会显示如何样式它们的CSS……
当前回答
看起来像FontAwesome图标颜色响应文本信息，文本错误等。
<div style="font-size: 44px;">
<i class="icon-umbrella icon-large text-error"></i>
</div>
其他回答
看起来像FontAwesome图标颜色响应文本信息，文本错误等。
<div style="font-size: 44px;">
<i class="icon-umbrella icon-large text-error"></i>
</div>
我不建议你使用fa-5x之类的内置字体样式;因为担心他们可能会改变它，你将不得不继续链接你的应用程序代码，以满足最新的标准。你可以通过给每个你想要统一样式的font-awesome类指定相同的类来避免这种情况:
<i class="fa fa-facebook-square fa-sabi-social-icons" aria-hidden="true"></i>
<i class="fa fa-twitter-square fa-sabi-social-icons" aria-hidden="true"></i>
<i class="fa fa-google-plus-square fa-sabi-social-icons" aria-hidden="true"></i>
这里的类是fa-sabi-social-icons
然后在你的css中，你可以使用与普通字体样式相同的css规则来设置字体的样式。 如
.fa-sabi-social-icons {
color: //your color;
font-size: // your font-size in px, em or %;
text-shadow: 2px 2px #FF0000;
}
这将使您的字体非常棒的字体样式
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
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。希望这能有所帮助。
动态更改.fa-xxx图标的css属性:
<li class="nws">
<a href="#NewsModal" class="urgent" title="' + title + '" onclick=""><span class="label label-icon label-danger"><i class="fa fa-bolt"></i></span>'
</a>
</li>
<script>
$(document).ready(function(){
$('li.nws').on("focusin", function(){
$('.fa-bolt').addClass('lightning');
});
});
</script>
<style>
.lightning{ /*do something cool like shutter*/}
</style>
