テキストをSVGに変換：フォントのアウトラインとパス

SVGパス

SVG 2のパス仕様では、パスコマンドと閉じたサブパスが定義されています。https://www.w3.org/TR/SVG2/paths.html

フォントパーサー

フォントは、MITライセンスのオープンソースライブラリであるopentype.js 2.0.0を使ってブラウザ内で読み込みます。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の全文は、フォントファイルとともに公開されています。

使い方

1. テキストを入力し、同梱フォントを選択するか、自分のフォントファイルをドロップします。
2. サイズ、文字間隔、配置、塗り、線を設定し、アウトラインを確認します。
3. SVGパスをコピーまたはダウンロードするか、PNGとして書き出します。

プライバシーと制限事項

テキストとアップロードしたフォントはブラウザ内にとどまります。同梱のWOFFファイルはこのサイトから読み込まれ、外部のフォントサービスは使用しません。