自动转换不同版本间的 FontAwesome 类名
| 变更项 | 说明 | 影响程度 |
|---|---|---|
| 前缀系统 | 从单一 fa 前缀变为 fas/far/fab 三前缀系统 | 高 |
| 图标重命名 | 大量图标名称发生变化,以保持命名一致性 | 高 |
| SVG 框架 | 新增 SVG JavaScript 框架,支持图层组合和遮罩 | 低 |
| 样式扩展 | 从 1 种样式扩展到 Solid、Regular、Brands 3 种 | 无 |
<!-- CDN 方式 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- npm 方式 -->
npm install @fortawesome/[email protected]将所有 fa 前缀替换为 fas(Solid):
<!-- v4 写法 -->
<i class="fa fa-user"></i>
<!-- v5 写法 -->
<i class="fas fa-user"></i> <!-- Solid 实心 -->
<i class="far fa-user"></i> <!-- Regular 轮廓 -->参考官方 v4 到 v5 升级指南 中的名称映射表,逐一更新重命名的图标。
在测试环境中全面检查图标显示,确认无误后部署到生产环境。