跳至內容
+

預檢

匯出前檢查 SVG 字形,透過紅、黃、綠狀態了解檢查結果。

預檢有助於發現可能導致產生的字型不穩定、難以對應或視覺錯位的問題。

檢查內容

  • Unicode 衝突。
  • 重複的字形名稱。
  • 空 SVG 檔案。
  • 沒有可見填色或描邊輪廓的 SVG。
  • 異常的 SVG 畫布尺寸。
  • 缺少 viewBox
  • 圖形超出 SVG 畫布。
  • 圖形超出預期的基線、上伸部或下伸部邊界。
  • 不支援的 SVG 元素和屬性。
  • 外部 SVG 資源。
  • 字形複雜度限制。

狀態顏色

  • 綠色:已就緒。
  • 黃色:警告。匯出前請檢查。
  • 紅色:錯誤。字形可能無效或不受支援。

建構行為

預檢是審查步驟,並非無條件阻止建構。

發現問題時,可以只建構通過檢查的字形,也可以繼續使用全部字形,讓原生建構引擎嘗試處理。匯出期間,建構引擎仍可能拒絕不支援或不安全的輸入。

常見修復方法

  • 將可編輯 SVG 文字轉換為輪廓。
  • 從 SVG 中移除點陣圖。
  • 將裁切路徑、遮色片、濾鏡和不透明度效果平面化。
  • 新增穩定的 viewBox
  • 將圖形保持在畫布以內。
  • 使用唯一的字形名稱。
  • 指派唯一的 Unicode 值,除非有意替換來源字型中的字形。
  • 簡化過於精細的路徑。

圖示字型提示

圖示字型的圖形位置往往與文字字形不同。基線或下伸部警告可能來自有意的設計,但仍值得檢查,因為對齊不一致很容易使圖示字型顯得雜亂。