在CSS中更改字体真棒大小。你怎么做呢？

我尝试使用字体大小改变字体大小真棒，但它并没有因为这个CSS的工作：在CSS中更改字体真棒大小。你怎么做呢？

font-size: inherit

有没有一种方法来覆盖这一点？我想要在移动设备或屏幕上使用两种不同的字体，并且我想要使用css而不是不同大小的字体真棒标签来影响字体大小。我能做什么？

2015-09-06 Jwan622

通常，font-awesome图标获取它们在其中使用的元素的大小（即继承）。例如：

HTML

<p><i class='fa fa-pencil'></i> Some text here.</p>

CSS

p{ 
    font-size: 16px; 
}

你的图标将是16像素大小在该情况下。但是，您可以分别调整图标大小。首先，确保你的css文件在<head>块中的font-awesome.css之后，因为它处于瑕疵或使用！很重要。

1）你可以重写从字体awesome.css在自己的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 
}

2015-09-06 19:50:44 chem1st

回答