什么都分享
以及,记录自己的故事
正在载入当前位置天气信息……

使用font-awesome字体后如何改颜色?

更新:

通过不断的学习,终于知道了如何更加友好的修改font-awesome的颜色了,还是使用css控制,代码例子:

<span style="color:red"><i class="fa fa-gear fa-2x"></i></span>

这个代码的结果就是一个红色的2倍大小的齿轮。


 

我今天DIY个主题,发现需要修改font-awesome的字体颜色,找方法很久,官方给出的办法是在CSS里面修改color属性,但是这样一来,每次修改颜色都需要去碰这个CSS吗?觉得很麻烦,就用最笨的方法去修改,结果成功了!

大家要知道font-awesome也是字体,大部分对普通字体有效的属性对font-awesome也有效果,这里举个例子。

最简单的写法是:

<i class="fa fa-gear"></i>

上面这条代码显示的是一个齿轮。

放大这个齿轮的方法是:

<i class="fa fa-gear fa-5x"></i>

这样就是一个5倍大小的齿轮,5x可以替换为任意倍数。

加上颜色的方法,我用的比较笨,font标签。

<font color="red"><i class="fa fa-gear"></i></font>

那么这样就成了一个红色的齿轮。

对于这个字体我也是在学习当中,如果大家有更好的办法,也请分享出来,一起学习!

打赏
本文遵守创作共享 BY-NC-ND 4.0协议,转载前请先联系作者。绯末博客 » 使用font-awesome字体后如何改颜色?
分享到: 更多 (0)

评论 抢沙发

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏