更改字体--非常棒的css大小。你是怎么做到的? [英] Changing font-awesome size in css. How do you do it?
本文介绍了更改字体--非常棒的css大小。你是怎么做到的?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我尝试使用Font-Size更改字体大小,但不起作用,原因如下:
font-size: inherit
有什么方法可以覆盖它吗?我正在尝试有两个不同的大小字体可怕的移动或屏幕,我想影响字体大小使用css,而不是不同大小的字体可怕的标签。我能做些什么?
推荐答案
通常,字体很棒的图标获得它们在其中使用的元素的大小(即继承)。例如:
HTML
<p><i class='fa fa-pencil'></i> Some text here.</p>
css
p{
font-size: 16px;
}
在这种情况下,您的图标将是16px大小。
但是,您可以单独调整图标的大小。首先,确保您的css文件位于<head>
块中的font-awesome.css之后,以使其处于优先位置或使用!重要。
1)您可以在您自己的css文件中重写来自font-awesome.css的‘fa’类样式:
.fa{
font-size: 3em !important; /*size whatever you like*/
}
2)或为图标指定其他类并设置其样式:
.newclass-for-i{
font-size: 3em;
}
要设置手机和屏幕的不同样式,请使用css媒体查询:
@media (max-width:desired width){
your styles
}
这篇关于更改字体--非常棒的css大小。你是怎么做到的?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文