快速开始

只需几步，即可在您的项目中使用Font Awesome

最简单的方法是通过CDN引入Font Awesome 5，只需将以下代码添加到您的HTML头部：

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

添加后，您就可以在页面的任何地方使用Font Awesome图标了。

如果您使用npm管理项目依赖，可以通过以下命令安装：

npm install @fortawesome/fontawesome-free@5.15.4

安装完成后，您可以在项目中引入：

// 在JavaScript中引入
import '@fortawesome/fontawesome-free/css/all.min.css';

您也可以手动下载Font Awesome 5并在项目中引用：

<link rel="stylesheet" href="path/to/font-awesome/css/all.min.css">

引入Font Awesome后，您可以使用<i>标签来添加图标，基本格式如下：

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

显示效果：

其中：