我如何从FontAwesome的图标样式的颜色，大小和阴影?
例如，FontAwesome的网站将显示一些白色图标和一些红色图标，但不会显示如何样式它们的CSS……
当前回答
在FontAwesome 4.0中，类更改为'fa-2x'， 'fa-3x'。
其他回答
有一个非常简单的方法来改变字体Awesome图标的颜色。
<!-- Font Awesome insert code --> <script src="https://use.fontawesome.com/49b98aaeb5.js"></script> <!-- End --> <i class="fa fa-thumbs-up fa-5x" aria-hidden="true" style="color:#00cc6a"></i> <i class="fa fa-thumbs-up fa-4x" aria-hidden="true" style="color:#00cc6a"></i> <i class="fa fa-thumbs-up fa-3x" aria-hidden="true" style="color:#00cc6a"></i> <i class="fa fa-thumbs-up fa-2x" aria-hidden="true" style="color:#00cc6a"></i> <i class="fa fa-thumbs-up" aria-hidden="true" style="color:#00cc6a"></i>
您可以根据自己的喜好更改十六进制代码。 注意:文本颜色也会改变图标的颜色，除非在i标签中有style="color:#00cc6a"。
你也可以添加样式内联:
<i class="icon-ok-sign" style="color:green"></i>
<i class="icon-warning-sign" style="color:red"></i>
看起来像FontAwesome图标颜色响应文本信息，文本错误等。
<div style="font-size: 44px;">
<i class="icon-umbrella icon-large text-error"></i>
</div>
下面是一个如何设计字体样式的例子。
.arrow i.a a { 颜色:白色!重要; 字体大小:2.2快速眼动; 透明度:3; ｝ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="arrow d-none d-md-block"> <i class="fa fa-angle-down"></i> < / div >
就是这样。
当我试图直接从BootstrapCDN(最简单的方法)使用图标时，我也遇到了同样的问题。然后我下载了CSS文件，并将其复制到我网站的CSS文件夹CSS文件(在“简单方法”字体awesome文档中描述)，一切都开始正常工作。
