Ücretsiz Typeface.json yazı tipi dönüştürücü
Dönüştürün: TTF and OTF yazı tiplerini Three.js typeface.json'a, anında tarayıcınızda — %100 ücretsiz, gizli ve sunucuya yükleme yok.
Yazı tipi dosyasını tıklayın veya buraya bırakın
TTF ve OTF desteklenir (maks. 50 MB)
Dönüştürme ayarları
Yalnızca belirli karakterleri dönüştürerek çıkış dosyası boyutunu sınırlar.
3D metniniz ters görünüyorsa kullanın.
font.ttf
Dönüştürmeye hazır
3D Önizleme
WebGLÖnizleme için bir yazı tipi yükleyin
typeface.json nedir?
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 tutorialYazı Tipi Dönüştürücü nedir?
Vextrude Yazı Tipi Dönüştürücü, herhangi bir TTF veya OTF yazı tipini Three.js'nin typeface.json biçimine dönüştüren ücretsiz, tarayıcı tabanlı bir araçtır — 3B metin kütüphanelerinin gerçek, ekstrüze harfler oluşturmak için ihtiyaç duyduğu dosyadır. Bir yazı tipi bırakın, karakter kümelerini ve Bézier hassasiyetini ayarlayın ve tek tıkla hazır bir JSON'u indirin. Her şey yerel olarak çalışır, yazı tipleriniz cihazınızdan asla ayrılmaz.
Bir yazı tipi typeface.json’a nasıl dönüştürülür
Ham bir yazı tipi dosyasından Three.js'e hazır typeface.json'a dört basit adımda — tamamen tarayıcınızda.
Yazı tipi yükle
Bir .ttf veya .otf dosyasını bırakın (veya göz atmak için tıklayın). Toplu yükleme de çalışır — birden fazla yazı tipini birden ekleyin.
Ayarları düzenle
Dosya boyutunu küçültmek için karakter alt kümesini (Latin, Kiril, semboller…) ve Bézier hassasiyetini seçin.
Canlı 3B Önizleme
Onaylamadan önce yüklenen yazı tipinin ekstrüze 3B örneğini döndürün — glif sorunlarını erken yakalayın.
İndir
typeface.json’u kaydedin, panoya kopyalayın ya da birden çok yazı tipini toplu olarak bir .zip içinde dışa aktarın.
Neden Vextrude Yazı Tipi Dönüştürücü?
Web için hızlı ve gizli yazı tipi dönüştürmesine ihtiyaç duyan geliştiriciler ve tasarımcılar için.
%100 gizli ve güvenli
Her şey opentype.js ile tarayıcınızda yerel olarak gerçekleşir. Yazı tipleriniz sunucuya asla dokunmaz — yükleme yok, izleme yok, analiz yok.
Anında dönüşüm
Bir yazı tipi bırakın, saniyeler içinde typeface.json'u geri alın. Kuyruk yok, sunucu turları yok, günlük sınırlar yok.
Toplu dönüştürme
Bir düzine yazı tipini birden bırakın ve hepsini tek bir .zip olarak indirin — bir oyun veya site için paylaşımlı bir yazı tipi kütüphanesi oluşturmak için harika.
Karakter alt kümesi
Yalnızca ihtiyaç duyduğunuz glifleri gönderin. Latin dışı yazıları veya ağır sembol setlerini kırpın; dışa aktarılan JSON da küçülür — pakette gerçek bayt tasarrufu.
Three.js’e hazır
Çıktı, FontLoader / TextGeometry'ye (ve react-three-fiber'daki Drei <Text3D> bileşenine) doğrudan yüklenir — sıfır dönüştürme veya sarmalayıcı kod.
Sonsuza dek ücretsiz
Kayıt yok, filigran yok, dosya boyutu ücret duvarı yok. Yünlere sahip olduğunuz her yazı tipi için kişisel ve ticari kullanımda ücretsizdir.
Yazı Tipleri ve typeface.json Temelleri
Bir yazı tipi dosyasını 3B'ye hazır glif verisine çevirmek için bilmeniz gereken her şey.
typeface.json nedir?
Bir yazı tipindeki her glifi Bézier komutları dizisi olarak (moveTo, lineTo, quadraticCurveTo, cubicCurveTo) saklayan bir JSON dosyası. Three.js’in FontLoader’ı bu yolları ShapeGeometry’ye çevirir; ardından TextGeometry bunları gerçek 3B harflere ekstrüze eder. “Yazı tipi dosyası” ile “3B mesh” arasındaki biçimdir.
Neden doğrudan TTF yüklenmez?
Three.js’in TextGeometry’si ekstrüze edebileceği belirli bir şekil yapısına ihtiyacı vardır. Ham TTF/OTF dosyaları Three’in kullanmadığı pek çok şey taşır (hinting, kerning tabloları, OpenType özellikleri); bu yüzden onları doğrudan tarayıcıya göndermek bant genişliği harcar ve her ziyaretçiyi başlık çizmek için bir yazı tipi çözmeye zorlar.
Bézier Hassasiyeti
Bézier hassasiyeti (veya eğri segmentleri) glif hatlarının ne kadar pürüzüz olduğunu belirler. Yüksek = daha pürüzüz 3B harfler ama daha büyük JSON. UI etiketleri ve başlıklar için 6–8 genellikle orijinalden ayırt edilemez; hero çekimleri 12–16'ya kadar çıkabilir.
Karakter alt kümesi
Gerçek yazı tipleri genellikle binlerce glif taşır — Latin, Kiril, Yunanca, CJK, semboller, ligatürler. Eğer sadece “VEXTRUDE 2026” gerekiyorsa, alt kümeleme dışa aktarmadan önce geri kalanını atar. 4 MB'lık bir CJK yazı tipinin yalnız-Latin dışa aktarımı birkaç KB'a inebilir.
Lisanslama ve Adil Kullanım
Yalnızca gömme haklarına sahip olduğunuz yazı tiplerini dönüştürün. Çoğu ticari yazı tipi web kullanımına izin verir ama ham glif verisi olarak yeniden dağıtılmasına değil — EULA'yı okuyun. Açık kaynak yazı tipleri (SIL OFL, Apache) hem uygulamalar hem paylaşılan depolar için en güvenlisidir.
Çıktıyı Kullanma
JSON zaten bellekteyse FontLoader.parse() ile, getiriliyorsa FontLoader.load() ile yükleyin. Dönen font'u TextGeometry'ye verin, malzeme ekleyin, ekstrüze edin, tamamdır.
Dönüştürülmüş dört yazı tipi
bu araçta oluşturuldu
Dönüştürmenin ardından aynı iki harf, aracın kendi önizlemesinde çizilmiş hâliyle. Kalın bir grotesk, bir fırça yazısı, köşeli bir başlık yazısı ve tarihî bir ünsiyal — dış hatlar doğrudan her yazı tipinden gelir, dolayısıyla burada gördüğünüz şey TextGeometry’nin ekstrüde edeceği şeydir.
Desteklenen Yazı Tipi Biçimleri
Tasarım uygulamalarınızın ve tarayıcılarınızın zaten kullandığı yazı tiplerini bırakın — dönüştürücü tümünü okur ve Three.js'in ihtiyacı olan biçimi verir.
TTF
TrueType
En yaygın masaüstü ve web yazı tipi, karesel Bézier hatları üzerine kurulu. Giriş olarak tam desteklenir.
OTF
OpenType
Gelişmiş tipografiye sahip TTF'nin bir üst kümesi. Kübik Bézier hatları ve OpenType özellikleri temiz bir şekilde ayrıştırılır.
typeface.json
Çıktı
Three.js'in kendi JSON yazı tipi biçimi. İndirilen dosya olarak veya toplu .zip olarak sunulur.
.zip
Toplu Paket
Birden fazla yazı tipi kuyrukta olduğunda, tek bir arşiv her typeface.json'u ve bir manifest'i toplar.
Giriş
Çıktı
3B Yığınınızla Çalışır
Dışa aktarılan JSON, popüler her Three.js entegrasyonuna doğrudan girer — sarmalayıcı kod veya biçim şimi yok.
Three.js
FontLoader / TextGeometry
Kanonik kullanım — JSON biçimi Three.js tarafından tasarlanmıştır. Yükleyin, ayrıştırın, ekstrüze edin.
react-three-fiber
Drei <Text3D>
JSON'u Drei'nin Text3D bileşenine verin ve React'te bildirimsel 3B tipografi elde edin.
Oyunlar ve WebXR
AR/VR etiketleri
Tarayıcı tabanlı oyunlarda ve WebXR deneyimlerinde net 3B tabelalar ve HUD'lar sunun.
Veri Görselleştirme
Grafikler ve panolar
Tarayıcıda haritalar, finansal grafikler ve bilimsel çizimler için özel etiket yazı tipleri ekstrüze edin.
Sıkça sorulan sorular
Vextrude Yazı Tipi Dönüştürücü hakkında bilmeniz gereken her şey.
typeface.json yazı tipi nedir?
Three.js'in kendi JSON yazı tipi biçimidir. Derlenmiş bir yazı tipi dosyası yerine her glifi Bézier yol verisi olarak saklar; böylece FontLoader her harfi bir şekle çevirir ve TextGeometry onu gerçek bir 3B mesh’e ekstrüze eder.
Yazı tipim bir sunucuya yükleniyor mu?
Hayır. Her şey tarayıcınızda opentype.js ve File API üzerinden yerel olarak çalışır. Dönüştürücü, bıraktığınız yazı tiplerini asla yüklemez, önbelleğe almaz veya günlüklemez.
Hangi yazı tipi biçimlerini dönüştürebilirim?
TrueType (.ttf) ve OpenType (.otf). Hem karesel hem kübik Bézier hatları desteklenir. Yalnız bitmap yazı tipleri ve statik örneği olmayan yalnız değişken eksenler kullanılamayan başlıca şeylerdir.
Çıktıyı Three.js'te nasıl kullanırım?
FontLoader ile yükleyin (loader.load() veya loader.parse()), dönen font'u TextGeometry'ye verin ve oluşan mesh'i sahnenize ekleyin. react-three-fiber ile Drei'nin <Text3D> bileşenine besleyebilirsiniz.
JSON boyutunu nasıl küçültürüm?
İki manivela: karakter alt kümeleme (ihtiyaç duymadığınız yazıları ve sembolleri atın) ve Bézier hassasiyeti (düşük değerler biraz daha az pürüzüz eğriler verir ama dosya çok daha küçük olur). Her ikisi de Dönüştürme Ayarları panelinde bulunur.
Aynı anda birden çok yazı tipi dönüştürebilir miyim?
Evet. Toplu bölgeye birden fazla .ttf/.otf bırakıp “Convert & Download All”’a tıklayın — her typeface.json'un içinde olduğu tek bir .zip alacaksınız.
Ticari kullanım için ücretsiz mi?
Araç kendisi kişisel ve ticari kullanım için ücretsizdir. Ortaya çıkan typeface.json'un yeniden dağıtılıp dağıtılamayacağı yazı tipinizin lisansına bağlıdır — JSON'u kamuya açık bir üründe yayınlamadan önce ticari yazı tiplerinin EULA'larını kontrol edin.
Latin dışı yazıları destekliyor mu?
Evet — Kiril, Yunanca, Arapça, İbranice, Devanagari, Tayca, CJK ve daha fazlası, kaynak yazı tipinde ilgili yazı için glifler bulunduğu sürece temiz şekilde dönüşür.