更新:
通过不断的学习,终于知道了如何更加友好的修改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>
那么这样就成了一个红色的齿轮。
对于这个字体我也是在学习当中,如果大家有更好的办法,也请分享出来,一起学习!