从零开始，在您的项目中使用 FontAwesome 图标
将以下代码添加到网页 <head> 中，即可使用 FontAwesome 6 所有免费图标。CDN 方式会自动处理缓存、压缩和版本更新，是最快捷的集成方案，适合个人项目和小型团队。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/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/6.7.2/css/all.min.css">在项目中以 npm 依赖方式引入 FontAwesome 6：
npm install @fortawesome/fontawesome-free在 Webpack 或 Vite 项目中，安装后可直接在 JavaScript/TypeScript 中 import '@fortawesome/fontawesome-free/css/all.min.css'，构建工具会自动处理样式注入。
FontAwesome 6 使用 fa-solid/fa-regular/fa-brands 前缀，图标名称保持不变：
<i class="fa-solid fa-home"></i>
<i class="fa-regular fa-user"></i>
<i class="fa-brands fa-github"></i><i class="fa-solid fa-camera fa-lg"></i>
<i class="fa-solid fa-camera fa-2x"></i>
<i class="fa-solid fa-camera fa-3x"></i>
<i class="fa-solid fa-spinner fa-spin"></i>
<i class="fa-solid fa-heart" style="color:red"></i>