从零开始，在您的项目中使用 FontAwesome 图标
将以下代码添加到 <head> 中，即可使用 FontAwesome 5 的 1,500+ 图标。v5 首次引入多风格支持（Solid/Regular/Brands），CDN 方式一行代码即可完成集成。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css"><link rel="stylesheet" href="https://cdn.staticfile.net/font-awesome/5.15.4/css/all.min.css">在项目中以 npm 依赖方式引入 FontAwesome 5：
npm install @fortawesome/[email protected]在 Webpack 或 Vite 项目中，安装后可直接在 JavaScript/TypeScript 中 import '@fortawesome/fontawesome-free/css/all.min.css'，构建工具会自动处理样式注入。
FontAwesome 5 使用 fas/far/fab 前缀（v5 早期版本），图标名称与 v4 有较大差异：
<i class="fas fa-home"></i>
<i class="far fa-user"></i>
<i class="fab fa-github"></i><i class="fas fa-camera fa-lg"></i>
<i class="fas fa-camera fa-2x"></i>
<i class="fas fa-camera fa-3x"></i>
<i class="fas fa-spinner fa-spin"></i>
<i class="fas fa-heart" style="color:red"></i>