常见问题

v7 相比 v6 增加了 100+ 新图标，全面优化了图标设计质量（线条更流畅、视觉更统一），SVG 框架性能提升约 30%，新增 CSS 伪元素支持和 ESM 模块化导入。同时引入了少许破坏性变更，如前缀规范更严格、部分图标重命名、CSS 变量命名更新等。

是的，FontAwesome v7 Free 版本完全免费，包含 Solid、Regular、Brands 三种风格的 2000+ 图标。Pro 版本（付费）额外提供 Light、Thin、Duotone 和 Sharp 风格，总数超过 25,000 图标。免费版采用 CC BY 4.0 许可证，可免费用于商业项目。

如果只需要基础图标（Solid/Regular/Brands），Free 版本足够。如果需要更多图标样式（Light/Thin/Duotone/Sharp）、超过 25,000 图标、SVG 框架增强功能（如 Power Transforms、Masking、Layering），建议升级到 Pro。个人项目和开源项目通常 Free 版本即可满足需求。

常见原因及解决方法：

• CSS 未正确加载 — 检查浏览器开发者工具 Network 面板
• 使用了 Pro 图标但未购买 — 确认图标在免费版中可用
• 浏览器缓存未刷新 — 强制刷新（Ctrl+F5）或清除缓存
• CDN 链接不可用 — 尝试更换 CDN 节点（cdnjs/jsDelivr/staticfile）

使用 CSS color 属性设置颜色，使用 font-size 或 fa-xs/fa-sm/fa-lg/fa-2x~fa-10x 等辅助类控制大小。例如：

<i class="fa-solid fa-heart" style="color:red; font-size:24px"></i>

可以。通过 npm 安装后将文件部署到自有服务器，或从 GitHub Release 下载 ZIP 包。自托管适合对安全性要求高或需要离线运行的内网环境（如政府、金融、军工项目）。

检查是否使用了不兼容的前缀（如仅用 fa），是否使用了重命名或移除的图标。建议升级前先用自动化脚本扫描代码库中的 fa fa- 类名，生成完整清单后逐一替换。

可以，但建议先阅读 v6 的升级说明再升级到 v7。v5 到 v7 跨度较大，涉及前缀系统变更（fas→fa-solid）和大量图标重命名，分步迁移更安全。

v7 设计为最小迁移成本。大多数项目只需更新 CDN 版本号和包版本号即可。主要工作量在于检查前缀和重命名图标，但 v7 保持了与 v6 类名的向后兼容，大部分代码无需修改。

SVG 方式渲染更清晰、支持 CSS 样式控制、无障碍支持更好，但会增加 DOM 节点；Web Font 方式更简单、兼容性更好、不会增加 DOM 节点。多数现代项目推荐使用 SVG 框架，需要精细控制时使用 SVG；简单项目用 Web Font 即可。

推荐方案：

• 使用 SVG 框架按需导入，仅加载实际使用的图标
• 只加载需要的风格 CSS（如 solid.min.css 替代 all.min.css）
• 开启 Gzip/Brotli 压缩
• 设置合理的缓存策略（Cache-Control）
• 使用 ESM 模块化导入配合 Webpack/Vite tree-shaking

最佳实践：

• 装饰性图标添加 aria-hidden="true"
• 功能性图标添加 role="img" 和 aria-label="描述"
• SVG 图标添加 <title> 描述元素
• 交互式图标确保键盘可聚焦（tabindex="0"）

SVG 框架会自动生成部分 ARIA 属性。

Free 版本要求署名。可以在页面底部添加 "Icons by Font Awesome" 或使用图标时添加属性标注。Pro 版本则无需署名。详细许可信息请查看 FontAwesome 官方许可页面。

可以，FontAwesome 允许修改和衍生。您可以更改颜色、大小、添加效果等。但修改后的图标文件不能重新分发或冒充官方版本。SVG 格式的图标更容易进行自定义修改。