Convertisseur de polices gratuit en Typeface.json
Convertissez TTF and OTF polices en typeface.json pour Three.js instantanément dans votre navigateur — 100 % gratuit, privé et sans téléversement.
Cliquez ou déposez le fichier de police ici
Compatible TTF et OTF (max. 50 Mo)
Paramètres de conversion
Limite la taille du fichier de sortie en ne convertissant que certains caractères.
Utilisez si votre texte 3D semble être retourné.
font.ttf
Prêt à convertir
Aperçu 3D
WebGLTéléchargez une police pour voir l'aperçu
Qu'est-ce que 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 tutorialQu'est-ce que le convertisseur de polices ?
Le convertisseur de polices Vextrude est un outil en ligne gratuit qui transforme n'importe quelle police TTF ou OTF au format typeface.json de Three.js — le fichier dont les bibliothèques de texte 3D ont besoin pour créer de vraies lettres extrudées. Déposez une police, ajustez les jeux de caractères et la précision Bézier, et téléchargez un JSON prêt à l'emploi en un clic. Tout se passe localement, vos polices ne quittent jamais votre appareil.
Comment convertir une police en typeface.json
Passez d'un fichier de police brut à un typeface.json prêt pour Three.js en quatre étapes simples — entièrement dans votre navigateur.
Importer la police
Déposez un fichier .ttf ou .otf (ou cliquez pour parcourir). L'upload par lot fonctionne aussi — ajoutez plusieurs polices en une fois.
Régler les options
Choisissez le sous-ensemble de caractères (latin, cyrillique, symboles…) et la précision Bézier pour réduire la taille du fichier.
Aperçu 3D en direct
Faites tourner un aperçu 3D extrudé de la police chargée avant de valider — repérez les problèmes de glyphe tôt.
Télécharger
Enregistrez le typeface.json, copiez-le dans le presse-papiers ou exportez plusieurs polices en lot dans un .zip.
Pourquoi utiliser le convertisseur de polices Vextrude ?
Conçu pour les développeurs et les designers qui ont besoin d'une conversion de polices rapide et privée pour le web.
100 % privé et sécurisé
Tout se passe localement dans votre navigateur avec opentype.js. Vos polices n'atteignent jamais un serveur — aucun upload, aucun tracking, aucune analytique.
Conversion instantanée
Déposez une police, récupérez le typeface.json en une fraction de seconde. Aucune file, aucun aller-retour serveur, aucune limite quotidienne.
Conversion par lots
Déposez une douzaine de polices d'un coup et téléchargez-les toutes dans un seul .zip — idéal pour une bibliothèque de polices partagée.
Sous-ensemble de caractères
N'expédiez que les glyphes nécessaires. Éliminéz les scripts non latins ou les jeux de symboles lourds, et le JSON exporté diminue en conséquence — de vrais octets en moins.
Compatible Three.js
La sortie se charge directement dans FontLoader / TextGeometry (et dans <Text3D> de Drei en react-three-fiber) sans conversion ni code wrapper.
Gratuit pour toujours
Aucune inscription, aucun filigrane, aucun paywall par taille. Gratuit pour usage personnel et commercial sur toute police dont vous avez les droits.
Bases sur les polices et typeface.json
Tout ce que vous devez savoir pour transformer un fichier de police en données de glyphe prêtes pour la 3D.
Qu'est-ce que typeface.json ?
Un fichier JSON qui stocke chaque glyphe d'une police sous forme de commandes Bézier (moveTo, lineTo, quadraticCurveTo, cubicCurveTo). Le FontLoader de Three.js transforme ces chemins en ShapeGeometry, que TextGeometry extrude en véritables lettres 3D. C'est le format entre « fichier de police » et « mesh 3D ».
Pourquoi ne pas charger TTF directement ?
TextGeometry de Three.js a besoin d'une structure de shape spécifique qu'il peut extruder. Les fichiers TTF/OTF bruts contiennent beaucoup de choses que Three n'utilise pas (hinting, tables de crénage, fonctionnalités OpenType), donc les envoyer directement au navigateur gaspille la bande passante et force chaque visiteur à parser une police juste pour tracer un titre.
Précision Bézier
La précision Bézier (ou segments de courbe) contrôle la finesse des contours des glyphes. Plus élevée = lettres 3D plus lisses, mais JSON plus lourd. Pour les libellés UI et les titres, 6–8 est généralement indiscernable de l'original ; les hero shots peuvent pousser à 12–16.
Sous-ensemble de caractères
Les vraies polices contiennent souvent des milliers de glyphes — latin, cyrillique, grec, CJK, symboles, ligatures. Si vous n'avez besoin que de « VEXTRUDE 2026 », le subsetting supprime le reste avant l'export. Un export latin uniquement d'une police CJK de 4 Mo peut se réduire à quelques Ko.
Licences et usage équitable
Ne convertissez que des polices dont vous avez les droits d'intégration. La plupart des polices commerciales autorisent l'usage web mais pas la redistribution en données de glyphes brutes — lisez l'EULA. Les polices open source (SIL OFL, Apache) sont les plus sûres pour apps et dépôts partagés.
Utiliser la sortie
Chargez avec FontLoader.parse() si vous avez déjà le JSON en mémoire, ou FontLoader.load() pour le récupérer. Passez la police retournée à TextGeometry, ajoutez un matériau, extrudez, terminé.
Quatre polices converties
rendu dans cet outil
Les deux mêmes lettres après conversion, dessinées par l’aperçu de l’outil. Une grotesque grasse, une scripte au pinceau, une police d’affichage carrée et une onciale historique — les contours proviennent directement de chaque police : ce que vous voyez ici est exactement ce que TextGeometry extrudera.
Formats de police pris en charge
Déposez les polices que vos applications de design et navigateurs utilisent déjà — le convertisseur les lit et produit le format dont Three.js a besoin.
TTF
TrueType
La police de bureau et web la plus courante, basée sur des contours Bézier quadratiques. Pleinement prise en charge en entrée.
OTF
OpenType
Un sur-ensemble de TTF avec typographie avancée. Contours Bézier cubiques et fonctionnalités OpenType analysés proprement.
typeface.json
Sortie
Le format de police JSON propre à Three.js. Livré en fichier téléchargé ou en .zip par lot.
.zip
Lot batch
Quand plusieurs polices sont en file, une seule archive contient chaque typeface.json plus un manifest.
Entrée
Sortie
Compatible avec votre stack 3D
Le JSON exporté s'intègre directement dans toutes les intégrations populaires de Three.js — sans wrapper ni shim.
Three.js
FontLoader / TextGeometry
L'usage canonique — le format JSON a été conçu par Three.js. Chargez, parsez, extrudez.
react-three-fiber
Drei <Text3D>
Passez le JSON au composant Text3D de Drei et obtenez de la typographie 3D déclarative en React.
Jeux et WebXR
Étiquettes AR/VR
Fournissez signalétique et HUDs 3D nets dans les jeux web et les expériences WebXR.
Data viz
Graphiques et tableaux de bord
Extrudez des polices d'étiquettes personnalisées pour cartes, graphiques financiers et plots scientifiques dans le navigateur.
Foire aux questions
Tout ce que vous devez savoir sur le convertisseur de polices Vextrude.
Qu’est-ce qu’une police typeface.json ?
C'est le format de police JSON propre à Three.js. Au lieu d'un fichier de police compilé, il stocke chaque glyphe en données de chemin Bézier pour que FontLoader convertisse chaque lettre en shape et que TextGeometry l'extrude en mesh 3D réel.
Ma police est-elle téléversée sur un serveur ?
Non. Tout s'exécute localement dans votre navigateur via opentype.js et la File API. Le convertisseur ne téléverse, cache ni log les polices déposées.
Quels formats de police puis-je convertir ?
TrueType (.ttf) et OpenType (.otf). Les contours Bézier quadratiques et cubiques sont pris en charge. Les polices uniquement bitmap et les axes uniquement variables (sans instance statique) sont les principales choses qu'il ne peut pas utiliser.
Comment utiliser la sortie dans Three.js ?
Chargez-la avec FontLoader (loader.load() ou loader.parse()), passez la police retournée à TextGeometry, puis ajoutez le mesh résultant à votre scène. Avec react-three-fiber, vous pouvez la fournir au composant <Text3D> de Drei.
Comment réduire la taille du JSON ?
Deux leviers : le subsetting de caractères (retirer les scripts et symboles inutiles) et la précision Bézier (des valeurs plus basses donnent des courbes légèrement moins lisses mais un fichier bien plus petit). Les deux sont accessibles dans le panneau des réglages de conversion.
Puis-je convertir plusieurs polices à la fois ?
Oui. Déposez plusieurs fichiers .ttf/.otf dans la zone batch et cliquez sur « Convert & Download All » — vous obtenez un seul .zip contenant chaque typeface.json.
Est-ce gratuit pour un usage commercial ?
L'outil est gratuit pour un usage personnel et commercial. Que le typeface.json puisse être redistribué dépend de la licence de votre police — vérifiez l'EULA de toute police commerciale avant de livrer le JSON dans un produit public.
Prend-il en charge les scripts non latins ?
Oui — cyrillique, grec, arabe, hébreu, devanagari, thaï, CJK et plus se convertissent proprement, tant que la police source contient les glyphes du script souhaité.