字体真棒图标

Question

如何获得字体颜色图标真棒？

就像我使用fa fa-facebook类来获取facebook图标一样。但它并不丰富多彩。我需要一个字体真棒多彩（Facebook颜色）的Facebook图标。

Answer 1

您可以使用css设置样式，如果需要多种颜色，可以使用渐变

<h1><i class="fa fa-facebook-official"></i></h1>


h1 {
    color: blue;
}
h1 {
    color: red; /* For browsers that do not support gradients */
    color: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    color: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    color: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    color: linear-gradient(red, yellow); /* Standard syntax */
}

Answer 2

您可以使用css属性更改颜色。

{{1}}

Answer 3

您可以使用自定义CSS更改字体的颜色

.fa-facebook-square:before {
    color: #488dd8;
}

Answer 4

使用css为字体着色，你可以使用这样的样式标签： -

＆LT; li class =＆＃34; fa fa-facebook＆＃34; style =＆＃34;颜色：＃0000ff＆＃34; ＆GT; ＆LT; /锂＆GT;