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

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

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

当前回答

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

其他回答

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>

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

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

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

例如:-

有一个非常简单的方法来改变字体Awesome图标的颜色。

<script src="https://use.fontawesome.com/49b98aaeb5.js"></script>

您可以根据自己的喜好更改十六进制代码。注意:文本颜色也会改变图标的颜色，除非在i标签中有style="color:#00cc6a"。

正如已经指出的那样，字体很棒的图标是文本，因此您可以使用适当的CSS属性来设置它的样式。例如:

.fa-twitter-square {
    font-size: 15px;
    color: red;
}

如果像我经常遇到的那样，图标大小根本没有变化，那就添加“!”“Important”添加到字体大小属性。

.fa-twitter-square {
    font-size: 15px !important;
    color: red;
}

推荐文章