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

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


当前回答

下面是一个如何设计字体样式的例子。

.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 >

就是这样。

其他回答

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

请参考链接 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>

图片来源:我可以改变Font Awesome的图标颜色吗?

(这个答案建立在那个答案的基础上)

(对于书签图标,例如:)

inyour.css文件:

.icon-bookmark.icon-white {
    color: white;
}

inyour.html文件:

<div class="icon-bookmark icon-white"></div>

使用FA 4.4.0添加

.text-danger
    color: #d9534f

到文档的CSS然后使用

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

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

将i标签包装在p或span中,然后您可以使用bootstrap css类

<p class="text-success"><i class="fa fa-check"></i></p>