从零开始，在您的项目中使用 FontAwesome 图标
在 HTML 文档的 <head> 中添加 FontAwesome 7 的 CDN 样式链接，快速集成最新图标库。CDN 引入无需构建工具配合，打开浏览器即可预览效果，是体验最新图标最快的方式。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.0/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/7.3.0/css/all.min.css">推荐使用 npm 安装 FontAwesome 7 到项目中，便于版本管理与升级：
npm install @fortawesome/[email protected]在 Webpack 或 Vite 项目中，安装后可直接在 JavaScript/TypeScript 中 import '@fortawesome/fontawesome-free/css/all.min.css'，构建工具会自动处理样式注入。
v7 延续 v6 的类名体系，使用 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>