Vextrude

フォントファイルをクリックまたはドロップ

TTFとOTFをサポート(最大50MB)

変換設定

特定の文字のみを変換することで出力ファイルサイズを制限します。

巻き順を逆にする

3Dテキストが裏返しに見える場合に使用してください。

3D Preview

WebGL

プレビューを見るにはフォントをアップロード

typeface.jsonとは?

It's a JSON-based font format used by Three.js `FontLoader`. Converting your TTF files allows them to be loaded asynchronously in web applications without needing complex parsing libraries at runtime.

Read the full tutorial

無料フォントからTypeface.jsonへのコンバーター

TTFとOTFフォントをThree.js互換のJSON形式に即座に変換。アップロード不要、100%プライベート。

100% Private

フォントファイルはJavaScriptを使用してブラウザ内で完全に処理されます。サーバーにアップロードされることはありません。

即時変換

OpenType.jsを使用し、変換はミリ秒単位で行われます。迅速なプロトタイピングに最適です。

Three.js対応

Three.jsの`FontLoader`と`TextGeometry`に対応した最適化された`typeface.json`ファイルを生成します。

Three.js用のフォントを変換する方法

  1. フォントを選択: Drag and drop your `.ttf` or `.otf` file into the upload zone.
  2. プレビュー: The tool will instantly render a 3D preview of your font using WebGL.
  3. 設定: (Optional) Use "Restrict Characters" to reduce file size by including only necessary glyphs.
  4. ダウンロード: Click "Convert & Download" to get your `.json` file.

なぜTypeface.jsonを使うのか?

Standard web fonts (WOFF/TTF) cannot be directly extruded into 3D geometry in Three.js. They must first be converted into a geometric description format called `typeface.json`.

This converter handles that process for you, creating a file that contains all the path data needed to generate 3D text meshes in your WebGL applications.