Kostenloser Schrift-zu-Typeface.json-Konverter
Wandle TTF and OTF-Schriften sofort in Three.js typeface.json um, direkt im Browser — 100 % kostenlos, privat und ohne Server-Upload.
Schriftartdatei hier klicken oder ablegen
Unterstützt TTF und OTF (max. 50 MB)
Konvertierungseinstellungen
Begrenzt die Ausgabedateigröße durch Konvertierung nur bestimmter Zeichen.
Verwende, wenn dein 3D-Text falsch herum aussieht.
font.ttf
Bereit zur Konvertierung
3D-Vorschau
WebGLSchriftart hochladen für Vorschau
Was ist 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 tutorialWas ist der Schrift-Konverter?
Der Vextrude Schriftart-Konverter ist ein kostenloses browserbasiertes Tool, das jede TTF- oder OTF-Schriftart in das typeface.json-Format von Three.js umwandelt — die Datei, die 3D-Text-Bibliotheken für echte, extrudierte Buchstaben brauchen. Zieh eine Schrift hinein, passe Zeichensätze und Bézier-Präzision an und lade mit einem Klick eine einsatzbereite JSON herunter. Alles läuft lokal, deine Schriften verlassen dein Gerät nie.
So konvertierst du eine Schrift in typeface.json
Von der Rohschriftdatei zu einer Three.js-tauglichen typeface.json in vier einfachen Schritten — komplett im Browser.
Schrift hochladen
Zieh eine .ttf- oder .otf-Datei hierher (oder zum Durchsuchen klicken). Auch Batch-Upload funktioniert — mehrere Schriften auf einmal.
Einstellungen anpassen
Wähle den Zeichensatz (Lateinisch, Kyrillisch, Symbole…) und die Bézier-Präzision, um die Dateigröße zu senken.
Live-3D-Vorschau
Dreh eine extrudierte 3D-Probe der geladenen Schrift, bevor du zusagst — fang Glyph-Probleme früh ab.
Herunterladen
Speichere die typeface.json, kopiere sie in die Zwischenablage oder exportiere mehrere Schriften als .zip.
Warum den Vextrude Font-Konverter verwenden?
Für Entwickler und Designer, die schnelle, private Schriftkonvertierung fürs Web brauchen.
100 % privat und sicher
Alles läuft lokal im Browser mit opentype.js. Deine Schriften erreichen keinen Server — kein Upload, kein Tracking, keine Analytics für deine Dateien.
Sofortige Konvertierung
Zieh eine Schrift hinein und bekomm die typeface.json in Sekundenbruchteilen. Keine Warteschlangen, kein Server-Round-Trip, keine Tägeslimits.
Stapelkonvertierung
Zieh ein Dutzend Schriften hinein und lade sie alle als eine .zip herunter — ideal für eine gemeinsame Schriftbibliothek für Spiel oder Site.
Zeichen-Teilmenge
Nur die Glyphen ausliefern, die du brauchst. Streich nicht-lateinische Schriftsysteme oder schwere Symbolsätze, und die JSON schrumpft entsprechend — echte Bytes weniger im Bundle.
Three.js-bereit
Die Ausgabe lädt direkt in FontLoader / TextGeometry (und Dreis <Text3D> in react-three-fiber) — ohne Konvertierung oder Wrapper.
Für immer kostenlos
Kein Signup, kein Wasserzeichen, keine Dateigrößen-Paywall. Kostenlos für private und kommerzielle Nutzung, sofern du die Rechte an der Schrift hast.
Grundlagen zu Schriften & typeface.json
Alles, was du wissen musst, um eine Schriftdatei in 3D-taugliche Glyph-Daten zu verwandeln.
Was ist typeface.json?
Eine JSON-Datei, die jede Glyphe einer Schrift als Folge von Bézier-Befehlen speichert (moveTo, lineTo, quadraticCurveTo, cubicCurveTo). Three.js’ FontLoader macht daraus ShapeGeometry, die TextGeometry dann zu echten 3D-Buchstaben extrudiert. Es ist das Format zwischen „Schriftdatei“ und „3D-Mesh“.
Warum nicht direkt TTF laden?
Three.js' TextGeometry braucht eine bestimmte Shape-Struktur, die es extrudieren kann. Rohe TTF/OTF-Dateien tragen viel mit, was Three nicht nutzt (Hinting, Kerning-Tabellen, OpenType-Features) — sie direkt an den Browser zu schicken verschwendet Bandbreite und zwingt jeden Besucher, eine Schrift zu parsen, nur um eine Überschrift zu zeichnen.
Bézier-Präzision
Bézier-Präzision (bzw. Kurvensegmente) steuert, wie glatt die Glyph-Umrisse sind. Höher = glattere 3D-Buchstaben, aber größere JSON. Für UI-Labels und Titel sind 6–8 meist nicht vom Original unterscheidbar; Hero-Shots vertragen 12–16.
Zeichen-Teilmenge
Echte Schriften enthalten oft Tausende Glyphen — Lateinisch, Kyrillisch, Griechisch, CJK, Symbole, Ligaturen. Wenn du nur „VEXTRUDE 2026“ brauchst, wirft Subsetting den Rest vor dem Export raus. Ein Nur-Lateinisch-Export einer 4 MB CJK-Schrift schrumpft auf wenige KB.
Lizenzen & faire Nutzung
Konvertier nur Schriften, deren Einbettungsrechte du hast. Die meisten kommerziellen Schriften erlauben Webnutzung, aber keine Weitergabe als rohe Glyph-Daten — lies das EULA. Open-Source-Schriften (SIL OFL, Apache) sind für Apps und geteilte Repos am sichersten.
Die Ausgabe nutzen
Lade mit FontLoader.parse(), wenn du die JSON schon im Speicher hast, oder FontLoader.load() beim Fetchen. Übergib die zurückgegebene Schrift an TextGeometry, Material dazu, extrudieren, fertig.
Vier konvertierte Schriften
in diesem Tool gerendert
Dieselben zwei Buchstaben nach der Konvertierung, gezeichnet von der Vorschau des Tools. Eine fette Grotesk, eine Pinselschrift, eine kantige Displayschrift und eine historische Unziale — die Konturen stammen direkt aus der jeweiligen Schrift, du siehst hier also genau das, was TextGeometry extrudiert.
Unterstützte Schriftformate
Zieh die Schriften rein, die deine Design-Apps und Browser schon nutzen — der Konverter liest sie alle und liefert das Format, das Three.js braucht.
TTF
TrueType
Die verbreitetste Desktop- und Webschrift, auf quadratischen Bézier-Konturen aufgebaut. Voll unterstützt als Eingabe.
OTF
OpenType
Ein Superset von TTF mit fortgeschrittener Typografie. Kubische Bézier-Konturen und OpenType-Features werden sauber geparst.
typeface.json
Ausgabe
Das eigene JSON-Schriftformat von Three.js. Als heruntergeladene Datei oder als .zip-Batch.
.zip
Batch-Bundle
Wenn mehrere Schriften in der Warteschlange sind, sammelt ein Archiv jede typeface.json plus Manifest.
Eingabe
Ausgabe
Passt zu deinem 3D-Stack
Die exportierte JSON passt direkt in jede gängige Three.js-Integration — kein Wrapper, kein Format-Shim.
Three.js
FontLoader / TextGeometry
Der kanonische Einsatz — das JSON-Format wurde von Three.js entwickelt. Laden, parsen, extrudieren.
react-three-fiber
Drei <Text3D>
Übergib die JSON an Dreis Text3D-Komponente und erhalte deklarative 3D-Typografie in React.
Games & WebXR
AR/VR-Beschriftungen
Liefere klare 3D-Beschriftungen und HUDs in browser-basierten Spielen und WebXR-Erlebnissen.
Datenvisualisierung
Charts & Dashboards
Extrudiere eigene Beschriftungsschriften für Karten, Finanz-Charts und wissenschaftliche Plots im Browser.
Häufig gestellte Fragen
Alles, was du über den Vextrude Schriftart-Konverter wissen musst.
Was ist eine typeface.json-Schrift?
Das eigene JSON-Schriftformat von Three.js. Statt einer kompilierten Schriftdatei speichert es jede Glyphe als Bézier-Pfad, damit FontLoader jeden Buchstaben in eine Shape verwandelt und TextGeometry ihn zu einem echten 3D-Mesh extrudiert.
Wird meine Schrift auf einen Server hochgeladen?
Nein. Alles läuft lokal im Browser über opentype.js und die File API. Der Konverter lädt, cacht oder loggt keine Schriften, die du hineinziehst.
Welche Schriftformate kann ich konvertieren?
TrueType (.ttf) und OpenType (.otf). Sowohl quadratische als auch kubische Bézier-Konturen werden unterstützt. Nicht nutzbar sind reine Bitmap-Schriften und rein variable Achsen (ohne statische Instanz).
Wie nutze ich die Ausgabe in Three.js?
Lade sie mit FontLoader (loader.load() oder loader.parse()), übergib die zurückgegebene Schrift an TextGeometry und füge das entstehende Mesh der Szene hinzu. Mit react-three-fiber kannst du sie in Dreis <Text3D>-Komponente einspeisen.
Wie verkleinere ich die JSON?
Zwei Stellschrauben: Zeichensubsetting (nicht benötigte Schriftsysteme und Symbole entfernen) und Bézier-Präzision (niedrigere Werte geben etwas weniger glatte Kurven, aber eine deutlich kleinere Datei). Beides ist im Panel „Conversion Settings“ verfügbar.
Kann ich mehrere Schriften gleichzeitig konvertieren?
Ja. Zieh mehrere .ttf/.otf-Dateien in die Batch-Zone und klick „Convert & Download All“ — du bekommst eine einzige .zip mit jeder typeface.json darin.
Ist es für kommerzielle Nutzung kostenlos?
Das Tool selbst ist für private und kommerzielle Nutzung kostenlos. Ob die entstehende typeface.json weitergegeben werden darf, hängt von der Schriftlizenz ab — prüf das EULA jeder kommerziellen Schrift, bevor du die JSON in ein öffentliches Produkt einbaust.
Werden nicht-lateinische Schriftsysteme unterstützt?
Ja — Kyrillisch, Griechisch, Arabisch, Hebräisch, Devanagari, Thai, CJK und mehr konvertieren sauber, solange die Quellschrift Glyphen für das gewünschte Schriftsystem enthält.