为什么我的 font awesome 图标没有显示？

Question

The code

Output

你能告诉我我在代码中做错了什么吗，因为一些奇怪的原因我看不到图标。

Answer 1

您需要一个套件代码来替换 yourcode.js。要获取套件代码，请在 fontawesome.com.

上注册一个帐户

或者，您可以将 link 更改为 https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/js/all.min.js。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/js/all.min.js"></script>
</head>

<body>
  <i class="far fa-clock"></i>
</body>

</html>

为什么我的 font awesome 图标没有显示？

Why aren't my font awesome icons showing?

html

icons

src

font-awesome

script