FontAwesome 常见问题解答
v7 免费版包含 Solid、Regular、Brands 三种风格的 2500+ 图标,相比 v6 新增了大量重新设计的图标,支持 Web Font 和 SVG 两种方式。
使用 fa-xs、fa-sm、fa-lg 至 fa-10x 类名调整大小。v7 还改进了图标缩放的对齐效果。
确认 CSS 文件已正确引入为 v7 版本(区别于 v6),检查类名前缀是否为 fa-solid/fa-regular/fa-brands。浏览器 DevTools 的 Network 面板可检查资源加载状态。
可以。通过 npm 安装 @fortawesome/[email protected] 后将文件部署到自有服务器,或从 GitHub Release 下载压缩包使用。
专业版提供 Light、Thin、Duotone、Sharp 风格,超过 25,000 个图标,以及 Figma 插件、自定义 API 等增值服务。
v7 完善了 ESM 模块化导入支持,使用 @fortawesome/fontawesome-svg-core 配合图标库按需导入,进一步提升加载性能。
v7 对所有图标进行了重新绘制,线条更流畅、视觉更统一;SVG 框架性能提升 30%;增强无障碍支持;新增 ESM 模块化导入。
v7 的全面优化使得整体包体更小,SVG 框架性能提升约 30%。配合 ESM 模块化按需导入,可以极大减少加载体积。推荐方案:使用 CDN 加载 CSS(约 50KB)、通过 ESM 按需导入 SVG 图标(仅加载使用的图标),两者结合可获得最佳加载性能。
可以通过小程序自定义组件方式使用。将 FontAwesome 7 的 SVG 图标代码(从官方文档中复制或通过 SVG 框架渲染),封装为小程序组件,在 WXML 中以内联 SVG 方式引用。v7 的 ESM 模块化支持让图标导入更加便捷,便于在构建流程中自动化处理。
v7 的 CDN 引入推荐使用 jsDelivr 和 cdnjs 的双线路方案。国内加速建议使用阿里云全站加速 DCDN、腾讯云 EdgeOne 或网宿 CDN 等国内服务商进行自托管。如果预算有限,可尝试使用 bootCDN(cdn.bootcdn.net)等免费国内 CDN 服务。
可以。v7 的 Web Font 和 SVG 渲染方式均支持打印。SVG 方式在打印时具有最佳兼容性,因为 SVG 是矢量格式,在不同分辨率下都能保持清晰。使用 Web Font 方式时,建议在 CSS 中通过 @media print 明确设置字体族以确保打印正确。
v7 延续了之前的 CSS 自定义方式:color 修改颜色,font-size 修改尺寸。SVG 框架方式支持更高级的自定义,包括 fill、stroke 等 SVG 属性。v7 还改进了图标对齐方式,在设置不同尺寸时渲染效果更加一致。
v7 的 SVG 框架在性能上提升了约 30%,启动速度更快、内存占用更低。代码体积也进行了精简,整体包体更小。此外 v7 完善了 ESM 模块化导入支持,开发者可以使用 import { faHome } from '@fortawesome/free-solid-svg-icons/faHome' 按需导入单个图标,无需引入整个图标库。
v7 对所有免费图标进行了重新绘制和优化,整体视觉风格更加统一。线条更流畅、比例更协调、细节更丰富。图标的重心和对齐方式经过了调整,在不同尺寸下显示效果更加一致。部分经典图标(如 fa-home、fa-user、fa-star)在 v7 中有了明显的视觉更新。