SVGテキストをオンラインでアウトライン化

フォントは通常のSVGファイルには含まれません。フォントの入っていない環境で開くとビューアが別のフォントに置き換え、丁寧に組んだ見出しがいつの間にか崩れてしまいます。テキストをアウトライン化すれば各文字がパスのジオメトリとして固定され、そのフォントを一度も見たことがない環境でも形はそのまま。Rayziaならインストール不要で、ブラウザ上で無料で行えます。

SVGテキストをパスに変換する理由

SVGファイルはフォントを名前で参照するだけで、フォント自体は持ち運びません。通常のSVG書き出しにはフォントが含まれないため、そのフォントを持たない人がファイルを開くと代替フォントで表示され、字間や字形がずれてしまいます。テキストをアウトライン化すればこの依存関係が完全になくなります。各グリフは普通のパスデータ、つまり手で描いた図形と同じジオメトリになります。パスはフォントの参照を必要としないので、レンダラーが置き換えるものは何もありません。

画面の外でも重要です。一般的なカッティングや彫刻のワークフローはライブテキストではなくパスのジオメトリを読み取るため、ビニールカッターやレーザーが受け取ることを想定しているのはアウトライン化された文字なのです。

変換するまで、Rayziaのテキストは本物のテキストのままです。すべてのテキストオブジェクトはドキュメント内の本物のSVGテキスト要素であり、テキストの画像ではないので、アウトライン化するその瞬間まで打ち直しやスタイル変更ができます。

SVGテキストをアウトライン化する手順

  1. エディタを開く。 rayzia.com にアクセスし、次の場所でエディタを開きます: /vector/。ダウンロード不要、開始にアカウントも要りません。Windows、Mac、Linux、ChromeOS、タブレットのどのブラウザでも動作します。
  2. SVGをドラッグで読み込むか、新しくテキストを入力。 ファイルをキャンバスにドロップするか、「ファイル」→「開く」を使います。RayziaはネイティブSVGとして読み込むため、すべての文字はロックされた画像ではなく編集可能なテキストとして取り込まれます。ゼロから始めるなら、 Tを押し、テキストの開始位置をクリックして入力します。
  3. テキストを選択。 Press V を押して選択ツールに切り替え、テキストオブジェクトをクリックします。複数ある場合は、 Shift+クリックで1つずつ選択に追加・解除できます。
  4. 「テキスト」▸「アウトラインを作成」を選ぶ。 テキストメニューから選ぶか、 Shift+Ctrl+Oを押します。各文字は、フォントのインストールに一切依存しない固定のパスジオメトリに書き換えられます。Rayziaの他の操作と同じく、取り消し1回で戻せます。
  5. ファイルを書き出す。 「書き出し」からSVGを選べば整ったベクターファイルが、ラスター版が必要ならPNGが得られます。どちらも無料です。

トレードオフ:アウトラインはもはやテキストではない

アウトライン化したテキストはパスのジオメトリです。他のパスと同様にノードを動かせますが、ライブテキストのように打ち直したりフォントを変えたりはできません。そのため、変換前に編集可能なコピーを残しておきましょう。作業中なら変換は取り消し1回で戻せます。長期保存用のオリジナルには、ネイティブの .rzv ドキュメントとして保存を。ロスレスで、実際に使ったフォントも埋め込まれるため、ライブテキスト版をそのままの状態で開き直せます。納品するコピーだけを変換し、オリジナルは次の修正のために残しておきましょう。

テキストのアウトライン化:よくある質問

Rayziaでのアウトライン化は無料ですか?

はい。編集は無料で、SVGとPNGの書き出しも無料です。無料プランにはすべてのツールとAIアシスタント、クラウドファイル3件が含まれます。Proは月額$8で、PDF書き出しや無制限のクラウドファイルなどが追加されます。

そもそもなぜテキストをアウトライン化するのですか?

通常のSVG書き出しにはフォントが埋め込まれないため、フォントのない環境では別のフォントに置き換えられ、デザインが崩れます。アウトラインは自己完結したパスで、インストール済みフォントに一切依存しません。一般的なカッターやプロッターも、ライブテキストではなくパスを基に動作します。

変換後もテキストを編集できますか?

いいえ。アウトライン化した文字はパスなので、ノードの調整はできますが打ち直しはできません。作業中なら変換は取り消し1回で戻せますし、事前に .rzv のコピーを保存しておけば、ライブテキストとフォントを埋め込んだロスレスのオリジナルが残ります。

Googleフォントやアップロードしたフォントでも使えますか?

はい。任意のGoogleフォントを読み込むか、.ttf、.otf、.woff、.woff2、.ttc の独自フォントをアップロードでき、アウトラインはそのフォントの字形を正確に保持します。変換後は、どの環境でもフォントのインストールが不要になります。