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

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

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

当前回答

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

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

现在用CSS写下来

.green{ color:green}

其他回答

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

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

现在用CSS写下来

.green{ color:green}

使用FA 4.4.0添加

.text-danger
    color: #d9534f

到文档的CSS然后使用

 <i class="fa fa-ban text-danger"></i>

将颜色改为红色。你可以自己设置任何颜色。

在FontAwesome 4.0中，类更改为'fa-2x'， 'fa-3x'。

你也可以添加样式内联:

<i class="icon-ok-sign" style="color:green"></i>

<i class="icon-warning-sign" style="color:red"></i>

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

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

推荐文章