怎么调整font awesome图标大小

Question

怎么调整font awesome图标大小

Answer 1

Version 3.2.1

1. 可以直接用内部样式style="font-size:18px;"来改变

2. 用.icon-2x .icon-3x .icon-4x .icon-5x 

   也可以在你下载的font-awesome.css 里面找到

   .icon-4x {

     font-size: 4em;

   }

   设置一个默认的大小，再用这个class

   
   

   Version 4.7.0 可以用或设置默认的.fa-2x .fa-3x .fa-4x .fa-5x

Answer 2

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

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