font awesome 仅更改 html 中的字体大小，而不是 css

Question

<i class="fa fa-graduation-cap" aria-hidden="true" style="font-size: 50px;"></i>

有效

.fa-graduation-cap {
margin-top: 38px;
color: #E46A6B;
font-size: 50px;
}

不起作用

我以前从未遇到过这个问题。有什么想法吗？

是的，我的字体真棒 css 已正确链接。

Answer 1

我相信 font-awesome.css 文件中的图标已经定义了字体大小。将样式标签添加到 html 代码会覆盖这些预定义的类。在 css 中定义字体大小后尝试键入 !important 以显式覆盖。例如：

.fa-graduation-cap {
  margin-top: 38px;
  color: #E46A6B;
  font-size: 50px !important;
}

如@developernator 所述，您也可以使用预定义的类。但是，我发现大多数时候合适的尺寸介于类.

这些尺寸之间

Answer 2

class首先使用内联css然后内部css然后外部css

您的字体真棒可能已经内联 css 删除内联 css 或做-

font-size: 50px !important;

font awesome only changes font-size in html, not css