FontAwesome 图标没有显示，只是一个空白方块

Question

我试图通过 css 放置一个 FontAwesome 图标，但无论我做什么，它总是显示一个空白的矩形。

我检查过all.css，文件连接良好。我不知道我做错了什么。请给我一些建议。

<head>
  <meta charset="utf-8">
  <title></title>

  <link rel="stylesheet" href="css/all.css"> <!--well connected-->

  <style>
    h1 {
      font-size: 20px;
    }
    h1::before {
      content: "\f053";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
    }
  </style>
</head>

<body>
  <h1>arrow</h1>
</body>

Answer 1

如果您看到空白方块，则表示您的 font-awesome 字体样式未添加到 DOM。检查您的 all.css 文件是否有导入语句，如果它确实包含任何导入语句，您需要提供完整的 fontawesome cdn 路径，或者您可以下载所有这些文件并添加到与 all.css 相同的级别。

这发生在我身上一次，导入语句有相对路径，我已将 all.css 保存到我的本地系统，因此相对路径无效。

FontAwesome 图标没有显示，只是一个空白方块

FontAwesome icon not showing up but just a blank square

html

css

font-awesome