在css中更改字体非常棒的大小.你怎么做呢？

Question

我尝试使用font-size更改字体很棒的大小,但由于这个css它不起作用:

font-size: inherit

有没有办法覆盖这个？我想在移动或屏幕时让字体很棒,两种不同的尺寸,我想用css影响字体大小而不是不同大小的字体 - 真棒标签.我能做什么？

Answer 1

通常,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之后,因为它是priopity或使用!important.

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
}