怎么调整font awesome图标大小?
默认是最小的那个,要用大一点的怎么办呢?
我们要从原理上来了解 font awesome 字体的大小来如何控制。font awesome 使用了伪类 before 来设置图标,
font awesome 是一种字体,控制图标的大小,是通过 font-size 来实现的,before 字体大小 font-size 继承父亲,
找到对应的元素,修改 font-size 就可以实现控制图标大小了,
可参考fontawesome官网的example ,里面不止有讲到如何调整字体大小还有如何固定宽度以及在特定部位使用图标的tips甚至还可以自己对图标进行旋转等等。
图标大小控制:
直接在对应的图标类名后添加:fa-lg (比默认大小大33%), fa-2x, fa-3x, fa-4x, fa-5x中的任一类名。或者你直接用css的font-size轻松控制喔。
<i class="fa fa-pause-circle-o fa-2x" aria-hidden="true" style="color:white"></i>其中的fa-2x中的数值就是调整大小,希望可以帮到你
它是一种“图标字体”,所以按照一般字体大小的设置方式来设置,也就是font-size