HTML/CSS - 字体图标：从 css 文件调用时，来自 fontawesome 的类不起作用

Question

我对 HTML/CSS 编码非常“陌生”，所以如果这个主题很琐碎，我深表歉意。

这涉及字体图标的使用，更准确地说是 Fontawesome。

• HTML 文件：在我的 html 文档中，图标以这种方式嵌入（在“菜单”类中）：

  <i class="fas fa-user"></i>

• CSS 文件：因此，为了将样式应用于此图标：

  .menu .fas {width: 2rem;}

但由于某种原因它不起作用。

当我在浏览器中检查代码时，html 中的行似乎未使用（灰显），而是以以下内容开头的新行：

<svg class="svg-inline--fa fa-user" ...

所以当我将 css 代码更改为：

.menu .svg-inline--fa{width: 2rem;}

它有效。

我很想得到一些解释，谢谢！ :)

Answer 1

使用javascript将字体调用到css中