如何样式图标的颜色，大小，和阴影的FontAwesome图标

我如何从FontAwesome的图标样式的颜色，大小和阴影?

例如，FontAwesome的网站将显示一些白色图标和一些红色图标，但不会显示如何样式它们的CSS……

当前回答

看起来像FontAwesome图标颜色响应文本信息，文本错误等。

<div style="font-size: 44px;">
   <i class="icon-umbrella icon-large text-error"></i>
</div>

其他回答

试着简单地使用像fa-lg,fa-2x,fa-3x,fa-4x,fa-5x之类的东西来增加相对于容器的图标大小

例如:-

text-shadow: 1px 1px 3px rgba(0,0,0,0.5);

考虑到它们只是简单的字体，那么你应该能够将它们设置为字体:

#elementID {
    color: #fff;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

简单地说，你可以在css文件中定义一个类，并将其级联到html文件中

<i class="fa fa-plus fa-lg green"></i>

现在用CSS写下来

.green{ color:green}

当我试图直接从BootstrapCDN(最简单的方法)使用图标时，我也遇到了同样的问题。然后我下载了CSS文件，并将其复制到我网站的CSS文件夹CSS文件(在“简单方法”字体awesome文档中描述)，一切都开始正常工作。

推荐文章