在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

回答