Fontello

Fontello 允許您僅選取應用程式所需的特定字元。透過排除數千個未使用的圖示，您可以將字型檔案大小從數百 KB 縮減至僅幾 KB。這種細粒度控制可直接改善 Core Web Vitals，特別是透過最小化關鍵資源的負載大小，進而縮短最大內容繪製 (LCP) 時間。

該平台包含強大的引擎，可將向量 SVG 路徑轉換為標準化字型格式 (WOFF, WOFF2, TTF, EOT)。它會自動處理路徑標準化與座標縮放，確保您的自訂圖示在任何解析度下都能清晰呈現。這比在 DOM 中使用原始 SVG 更優越，因為它允許透過標準 CSS 屬性（如 'color' 和 'font-size'）輕鬆操作顏色與大小。

下載後，Fontello 會提供一個即用型 CSS 檔案，其中包含所有必要的 @font-face 宣告與類別定義。這消除了編寫圖示定位、行高調整與垂直對齊等樣板 CSS 的手動負擔。產生的程式碼針對現代瀏覽器進行了優化，確保在 Chrome、Firefox、Safari 與 Edge 中呈現一致，且無需複雜的 polyfills。

使用者可完全控制每個圖示的 Unicode 對應。這對於將圖示整合至舊有系統或複雜設計系統（其中特定字元代碼可能已被保留）的開發者至關重要。透過手動指派代碼，您可以防止字元衝突，並確保圖示字型能與現有的排版堆疊無縫整合，不會出現非預期的行為。

Fontello 同時產生多種字型格式以確保最大的瀏覽器相容性。雖然 WOFF2 因其卓越的壓縮率而成為現代瀏覽器的首選，但 Fontello 仍包含 EOT 與 TTF 等舊格式以支援舊有環境。這確保了您的 UI 在從現代智慧型手機到舊版桌面瀏覽器的各種裝置上保持一致，且無需額外的建置期轉換工具。