Fontello

Fontello 允许仅选择应用程序所需的特定字形。通过排除数千个未使用的图标，可将字体文件大小从数百 KB 缩减至几 KB。这种细粒度控制直接改善了核心 Web 指标（Core Web Vitals），特别是通过最小化关键资产的负载大小，缩短了最大内容渲染时间（LCP）。

该平台包含一个强大的引擎，可将矢量 SVG 路径转换为标准字体格式（WOFF、WOFF2、TTF、EOT）。它自动处理路径标准化和坐标缩放，确保自定义图标在任何分辨率下都能清晰呈现。这优于在 DOM 中使用原始 SVG，因为它允许通过 'color' 和 'font-size' 等标准 CSS 属性轻松进行颜色和大小调整。

下载后，Fontello 提供一个即用型 CSS 文件，包含所有必要的 @font-face 声明和类定义。这消除了手动编写用于图标定位、行高调整和垂直对齐的样板 CSS 的繁琐工作。生成的代码针对现代浏览器进行了优化，确保在 Chrome、Firefox、Safari 和 Edge 中呈现一致，无需复杂的 polyfill。

用户可完全控制每个图标的 Unicode 映射。这对于将图标集成到遗留系统或复杂设计系统（其中特定字符代码可能已被占用）的开发者至关重要。通过手动分配代码，您可以防止字符冲突，并确保图标字体与现有的排版堆栈无缝集成，避免意外行为。

Fontello 同时生成多种字体格式以确保最大的浏览器兼容性。虽然 WOFF2 因其卓越的压缩率成为现代浏览器的首选，但 Fontello 也包含 EOT 和 TTF 等旧格式以支持遗留环境。这确保了您的 UI 在从现代智能手机到旧版桌面浏览器的各种设备上保持一致，无需额外的构建时转换工具。