彩色字形 - 基於 SVG 的彩色字形

本主題介紹使用 SVG 擴充套件新增彩色字形。

要啟用字形面板中的 SVG 選項，請確保它處於 SVG 顏色模式。

生成 SVG 彩色字形

新增 SVG 彩色輪廓的最簡單方法是從 COLR 輪廓生成它。在 SVG 顏色模式下，右鍵單擊並選擇顏色 → 將 COLR 轉換為 SVG。

或者，您可以匯入 SVG 檔案。請確保調整 SVG 文件中使用的變換，以便正確定位和調整彩色輪廓的大小。

在字形面板中進入 SVG 顏色模式。然後在編輯區域內右鍵單擊以編輯或匯入 SVG 文件。這是此類 SVG 文件的內容：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<g transform="scale(1,-1)">
<path d="M701 1182c-334 0-605-271-605-605 0-334 271-605 605-605 335 0 606 271 606 605 0 334-271 605-606
605 z" fill="none" stroke="#FFF000" stroke-width="64" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M886 903c57 0 103-31 103-69 0-38-46-69-103-69-57 0-103 31-103 69 0 38 46 69 103 69 z M520 903c57
0 103-31 103-69 0-38-46-69-103-69-57 0-103 31-103 69 0 38 46 69 103 69 z" fill="none" stroke="#00DDFF"
stroke-width="64" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1112 555c0-171-182-309-406-309-224 0-405 138-405 309" fill="none" stroke="#FF0000"
stroke-width="64" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</svg>

提示：如果您透過 CPAL 擴充套件設計彩色字形，可以讓 FontCreator 在匯出字型時生成 SVG 顏色資料。因此，無需手動新增 SVG 顏色資料。