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

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


当前回答

对于字体Awesome 5 SVG版本,使用

filter: drop-shadow(0 0 3px rgba(0,0,0,0.7));

其他回答

请参考链接 http://www.w3schools.com/icons/fontawesome_icons_intro.asp

<i class="fa fa-car"></i>
<i class="fa fa-car" style="font-size:48px;"></i>
<i class="fa fa-car" style="font-size:60px;color:red;"></i>

<i class="fa fa-car fa-lg"></i>
<i class="fa fa-car fa-2x"></i>
<i class="fa fa-car fa-3x"></i>
<i class="fa fa-car fa-4x"></i>
<i class="fa fa-car fa-5x"></i>

inyour.css文件:

    *.icon-white {color: white}
    *.icon-silver {color: silver}

inyour.html文件:

    <a><i class="icon-book icon-white"></i> Book</a>
    <a><i class="icon-ok-sign icon-silver"></i> OK</a>

使用FA 4.4.0添加

.text-danger
    color: #d9534f

到文档的CSS然后使用

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

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

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

对于字体Awesome 5 SVG版本,使用

filter: drop-shadow(0 0 3px rgba(0,0,0,0.7));