SVG Preview
Loading font...
Google Fonts やカスタムフォントをクリーンなSVGパスに変換する無料オンラインツール。Webデザイン、ロゴ、レーザーカット、ベクターグラフィックに最適です。
世界中のデザイナーや開発者に信頼されています
テキストをベクターパスに正確かつ簡単に変換する総合ツールキット。
Google Fonts ライブラリ全体にアクセス。検索、プレビュー、そしてあらゆるフォントを瞬時にSVGパスに変換できます。ダウンロード不要です。
変換したテキストをSVG、レーザーカット用のDXF、ラスターグラフィック用のPNG、さらにReactやVueコンポーネントとしてエクスポートできます。
独自の .ttf、.otf、.woff2 フォントファイルをアップロードしてSVGパスに変換。ブランドフォントやカスタムタイポグラフィに最適です。
入力や設定の調整に合わせてSVG出力が即座に更新されます。塗り、線、カーニング、ベジェ精度をリアルタイムで微調整できます。
SVGテキストに魅力的なアニメーションを追加 — 手書き風、シンプル描画、フェードイン、パルスエフェクトを速度調整付きで利用できます。
SVG、React JSX、Vue SFC、CSS clip-path 形式のすぐに使えるコードを取得。プロジェクトに直接コピー＆ペーストできます。
3つのシンプルなステップでテキストをSVGに変換。
1,500以上の Google Fonts から選択するか、独自のカスタムフォントファイルをアップロードします。
テキストを入力し、塗りの色、線、サイズなどのスタイリングをカスタマイズします。
SVG、DXF、PNG としてダウンロード。または React、Vue、CSS clip-path としてコードをコピーできます。
Web開発から物理的な加工まで、Font to SVG がクリエイティブなワークフローを支えます。
あらゆる画面で完璧にスケールする解像度非依存のテキストグラフィックを作成。インラインSVGとして埋め込めばリクエストゼロで読み込めます。
ブランドフォントをベクターパスに変換し、ファビコンからビルボードまであらゆるサイズで機能するロゴを作成できます。
レーザーカッター、CNCルーター、カッティングマシンにすぐに使えるDXFファイルをエクスポート。物理的な加工に対応した正確なベクターパスです。
フレームワーク対応のコンポーネントを生成。適切なJSX/SFC構文でSVGテキストをReactやVueアプリケーションに直接組み込めます。
他のテキストからSVGへの変換ツールとの比較をご覧ください。
| Font to SVG | texttosvg.app | google-font-to-svg-path | |
|---|---|---|---|
| Google Fonts ライブラリ完全対応 | ✓ | — | ✓ |
| カスタムフォントのアップロード | ✓ | ✓ | — |
| SVG エクスポート | ✓ | ✓ | ✓ |
| DXF エクスポート | ✓ | — | — |
| PNG エクスポート | ✓ | — | — |
| React/Vue コード出力 | ✓ | — | — |
| SVG アニメーション | ✓ | — | — |
| CSS clip-path | ✓ | — | — |
| ライブプレビュー | ✓ | ✓ | ✓ |
| 無料で利用可能 | ✓ | ✓ | ✓ |