我如何从FontAwesome的图标样式的颜色,大小和阴影?
例如,FontAwesome的网站将显示一些白色图标和一些红色图标,但不会显示如何样式它们的CSS……
我如何从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));