如何使用 Font Awesome 6 图标？

Question

我以前使用过 Font Awesome 图标（以前的版本）。当时，我在 HTML 中使用了如下所示的 CDN。但现在我再也找不到了。使用它们的方式有什么变化吗？

<link rel="stylesheet" 
  href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">

Answer 1

要使用新的免费Font Awesome 6，您可以再次使用 CDN（如果这是您的偏好），如下所示。

<link rel="stylesheet" 
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

然后，按如下方式在 HTML 中使用图标。

<i class="fa-solid fa-house"></i>

Answer 2

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />

将此链接添加到 html 文件的头部，并使用 font Awesome 链接作为图标。如果链接是这样的

<i class="fa fa-camera-retro"></i>

您想在页面中的 <a 标签内使用它，例如

<a><i class="fa fa-camera-retro"></i> fa-camera-retro</a>