預檢
匯出前檢查 SVG 字形,透過紅、黃、綠狀態了解檢查結果。
預檢有助於發現可能導致產生的字型不穩定、難以對應或視覺錯位的問題。
檢查內容
- Unicode 衝突。
- 重複的字形名稱。
- 空 SVG 檔案。
- 沒有可見填色或描邊輪廓的 SVG。
- 異常的 SVG 畫布尺寸。
- 缺少
viewBox。 - 圖形超出 SVG 畫布。
- 圖形超出預期的基線、上伸部或下伸部邊界。
- 不支援的 SVG 元素和屬性。
- 外部 SVG 資源。
- 字形複雜度限制。
狀態顏色
- 綠色:已就緒。
- 黃色:警告。匯出前請檢查。
- 紅色:錯誤。字形可能無效或不受支援。
建構行為
預檢是審查步驟,並非無條件阻止建構。
發現問題時,可以只建構通過檢查的字形,也可以繼續使用全部字形,讓原生建構引擎嘗試處理。匯出期間,建構引擎仍可能拒絕不支援或不安全的輸入。
常見修復方法
- 將可編輯 SVG 文字轉換為輪廓。
- 從 SVG 中移除點陣圖。
- 將裁切路徑、遮色片、濾鏡和不透明度效果平面化。
- 新增穩定的
viewBox。 - 將圖形保持在畫布以內。
- 使用唯一的字形名稱。
- 指派唯一的 Unicode 值,除非有意替換來源字型中的字形。
- 簡化過於精細的路徑。
圖示字型提示
圖示字型的圖形位置往往與文字字形不同。基線或下伸部警告可能來自有意的設計,但仍值得檢查,因為對齊不一致很容易使圖示字型顯得雜亂。