Vextrude Font Tool
Open Text Tool

Click or Drop Font File Here

Supports TTF and OTF (Max 50MB)

Conversion Settings

Limits output file size by only converting specific characters.

Reverse winding order

Use if your 3D text looks inside-out.

3D Preview

WebGL

Upload a font to see preview

What is 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

Free Font to Typeface.json Converter

Convert TTF and OTF fonts to Three.js compatible JSON format instantly. No uploads, 100% private.

100% Private

Your font files are processed entirely in your browser using JavaScript. They are never uploaded to any server.

Instant Conversion

Powered by OpenType.js, conversion happens in milliseconds. Perfect for rapid prototyping.

Three.js Ready

Generates optimized `typeface.json` files compatible with Three.js `FontLoader` and `TextGeometry`.

How to Convert Fonts for Three.js

  1. Select Font: Drag and drop your `.ttf` or `.otf` file into the upload zone.
  2. Preview: The tool will instantly render a 3D preview of your font using WebGL.
  3. Settings: (Optional) Use "Restrict Characters" to reduce file size by including only necessary glyphs.
  4. Download: Click "Convert & Download" to get your `.json` file.

Why use 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.