SVG / 字樣設計

文字轉SVG：字型外框與路徑

使用內建拉丁字型或本機TTF、OTF、WOFF檔案，將文字轉成SVG路徑。調整大小、字距、行高、對齊方式與色彩，然後下載SVG或PNG。

文字轉SVG：字型外框與路徑: 輸入文字，選擇內建字型，或載入自己的TTF、OTF、WOFF檔案，文字就會轉成SVG外框，因此即使沒有安裝該字型，在各處顯示的結果也會一致。調整大小、字距、行高、對齊方式、填色與描邊，然後複製SVG或下載SVG、PNG。全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。

分類: 開發者工具
使用次數: 在瀏覽器中
費用: 免費・免註冊
可用狀態: 可立即使用

文字轉SVG路徑本機處理

全程在瀏覽器中執行

正在載入字型…

您的文字從這裡開始。輸入文字以建立可編輯的外框。

內建拉丁字型使用SIL Open Font Licence。上傳的字型會留在本機；您必須自行負責其授權條款。已啟用字偶距調整。複雜文字的字形塑造取決於字型和解析器。PNG匯出的最長邊上限為4096像素。

編輯SVG形狀

SVG 路徑

SVG 2 路徑規格定義了路徑指令與封閉子路徑。https://www.w3.org/TR/SVG2/paths.html

字型解析器

字型會使用opentype.js 2.0.0在瀏覽器中讀取。這是一個採用MIT授權的開放原始碼函式庫。不支援WOFF2檔案，請先將其轉換為WOFF、TTF或OTF。部分進階字型功能，例如上下文替代字元及某些字距調整表不會套用，因此間距可能與文書處理軟體略有不同。https://github.com/opentypejs/opentype.js

內建字型來源

未修改的Latin WOFF資源來自Fontsource套件：https://fontsource.org/fonts/inter；https://fontsource.org/fonts/oswald；https://fontsource.org/fonts/pacifico；https://fontsource.org/fonts/lobster。每種字型的著作權聲明及完整的SIL Open Font Licence文字，都會與字型檔案一併發布。

使用方式

輸入文字並選擇內建字型，或拖曳自己的字型檔案。
設定大小、字距、對齊方式、填色與描邊，並檢查外框。
複製或下載SVG路徑，或匯出PNG。

隱私與限制

文字與上傳的字型會留在您的瀏覽器中。內建WOFF檔案會從本網站載入，不使用外部字型服務。

常見問題

內建哪些字型？

Inter和Oswald各提供一般與粗體，另有一般字重的Pacifico和Lobster。這些拉丁字集是在SIL OFL 1.1授權下，以未修改的形式重新散布。每份授權條款都位於/fonts/text-to-svg/。您必須自行負責上傳字型的授權。

為什麼有些文字效果會和我的設計軟體不同？

剖析器只支援部分字形塑形與定位表。未支援的情境替換會改用直接字元字形，並顯示通知說明這項限制。部分字型（包括Inter）具有定位表，但其中的字偶距配對可能無法使用。複雜文字系統與彩色字型的結果也可能不同。

SVG中的文字可以編輯嗎？

不行。SVG包含字型外框，不需要原始字型也能顯示。空白行會影響基線間距，而viewBox會裁切至可見字跡。PNG輸出的最長邊上限為4096像素。

免費工具・使用在瀏覽器中次・免註冊