欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

怎么调整font awesome图标大小

font awesome 是一种字体,控制图标的大小,是通过 font-size 来实现的,before 字体大小 font-size 继承父亲。

 

找到对应的元素,修改 font-size 就可以实现控制图标大小了。

搜索

来自 https://zhidao.baidu.com/question/244037456098105004.html

怎么调整font awesome图标大小?

 

 
mypoly 2016年10月22日提问
0

怎么调整font awesome图标大小?默认是最小的那个,要用大一点的怎么办呢?

 

7个回答

 

2

它是一种“图标字体”,所以按照一般字体大小的设置方式来设置,也就是font-size

 
2

我们要从原理上来了解 font awesome 字体的大小来如何控制。font awesome 使用了伪类 before 来设置图标,

font awesome 是一种字体,控制图标的大小,是通过 font-size 来实现的,before 字体大小 font-size 继承父亲,

找到对应的元素,修改 font-size 就可以实现控制图标大小了,

 
1

fa-2x fa-3x fa-4x fa-5x

还不够的话就自己设置font-size

 
1

可参考fontawesome官网的example ,里面不止有讲到如何调整字体大小还有如何固定宽度以及在特定部位使用图标的tips甚至还可以自己对图标进行旋转等等。
图标大小控制:
直接在对应的图标类名后添加:fa-lg (比默认大小大33%), fa-2x, fa-3x, fa-4x, fa-5x中的任一类名。或者你直接用css的font-size轻松控制喔。

 
0

可以直接用css样式控制

 
0

图标字体,按照css控制字体样式规则,直接使用font-size即可

 
0

font-size

来自 https://segmentfault.com/q/1010000007247775/a-1020000007247842
普通分类: