محوّل خطوط مجاني إلى Typeface.json
حوّل خطوط TTF and OTF إلى typeface.json الخاص بـ Three.js على الفور في متصفحك — 100% مجانًا، وخاص، وبدون رفع إلى الخادم.
انقر أو اسحب ملف الخط هنا
يدعم TTF وOTF (حتى 50 ميغابايت)
إعدادات التحويل
يحد من حجم ملف الإخراج بتحويل أحرف محددة فقط.
استخدمه إذا بدا النص ثلاثي الأبعاد مقلوبًا.
font.ttf
جاهز للتحويل
معاينة ثلاثية الأبعاد
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ما هو محوّل الخطوط؟
محوّل الخطوط من Vextrude أداة مجانية تعمل في المتصفّح تحوّل أي خط TTF أو OTF إلى تنسيق typeface.json الخاص بـ Three.js — الملف الذي تحتاجه مكتبات النص ثلاثي الأبعاد لإنشاء حروف مجسّمة حقيقية. أفلت خطًا، واضبط مجموعات الرموز ودقة بيزية، ثم نزّل ملف JSON جاهزًا للاستخدام بنقرة واحدة. يتم كل شيء محليًا، لذا لا تغادر خطوطك جهازك أبدًا.
كيفية تحويل خط إلى typeface.json
من ملف خط خام إلى typeface.json جاهز لـ Three.js في أربع خطوات بسيطة — بالكامل في متصفّحك.
رفع الخط
أفلت ملف .ttf أو .otf (أو انقر للتصفيح). يعمل التحميل الجماعي أيضًا — أضف عدة خطوط دفعة واحدة.
ضبط الإعدادات
اختر مجموعة الرموز الفرعية (لاتينية، سيريلية، رموز…) ودقة بيزية لتقليل حجم الملف.
معاينة ثلاثية الأبعاد مباشرة
قم بتدوير عينة ثلاثية الأبعاد من الخط المحمّل قبل الموافقة — اكتشف مشاكل الحروف مبكرًا.
تنزيل
احفظ typeface.json أو انسخه إلى الحافظة أو صدّر عدة خطوط دفعة واحدة في ملف .zip.
لماذا تستخدم محوّل خطوط Vextrude؟
مصمم للمطورين والمصممين الذين يحتاجون إلى تحويل خطوط سريع وخاص للويب.
خاص وآمن 100%
يحدث كل شيء محليًا في متصفّحك باستخدام opentype.js. خطوطك لا تلمس أي خادم — لا رفع، ولا تتبّع، ولا تحليلات.
تحويل فوري
أفلت خطًا، واحصل على typeface.json في جزء من الثانية. لا طوابير، ولا دورات خادم، ولا حدود يومية.
تحويل دفعي
أفلت عشرات من الخطوط دفعة واحدة ونزّلها كلها في ملف .zip واحد — مثالي لبناء مكتبة خطوط مشتركة للعبة أو موقع.
تحديد مجموعة المحارف
اشحن فقط الحروف التي تحتاجها. احذف الكتابات غير اللاتينية أو مجموعات الرموز الثقيلة، وسينكمش ملف JSON وفقًا لذلك — بايتات حقيقية توفّرها.
جاهز لـ Three.js
تُحمّل المخرجات مباشرة في FontLoader / TextGeometry (ومكوّن <Text3D> من Drei في react-three-fiber) دون أي تحويل أو رمز لفّ.
مجاني إلى الأبد
لا تسجيل، ولا علامة مائية، ولا حاجز دفع مرتبط بحجم الملف. مجاني للاستخدام الشخصي والتجاري لأي خط تملك حق تحويله.
أساسيات الخطوط وtypeface.json
كل ما تحتاج معرفته لتحويل ملف خط إلى بيانات حروف جاهزة للاستخدام ثلاثي الأبعاد.
ما هو typeface.json؟
ملف JSON يخزّن كل حرف في الخط كسلسلة من أوامر بيزية (moveTo، lineTo، quadraticCurveTo، cubicCurveTo). يحوّل FontLoader في Three.js تلك المسارات إلى ShapeGeometry — ثم يقوم TextGeometry ببثقها إلى حروف ثلاثية الأبعاد حقيقية. إنه التنسيق بين «ملف الخط» و«الشبكة ثلاثية الأبعاد».
لماذا لا نحمّل TTF مباشرة؟
يحتاج TextGeometry في Three.js إلى بنية شكل محددة يمكنه بثقها. تحمل ملفات TTF/OTF الخام الكثير ممّا لا يستخدمه Three (التلميحات، جداول التطريز، ميزات OpenType)، لذا فإرسالها مباشرة إلى المتصفّح يُهدر النطاق الترددي ويجبر كل زائر على تحليل خط ليُرسم عنوانًا.
دقة بيزية
دقة بيزية (أو مقاطع المنحنى) تتحكم في مدى نعومة مخططات الحروف. أعلى = حروف ثلاثية أنعم، لكن ملف JSON أكبر. لتسميات واجهة المستخدم والعناوين، 6–8 عادةً لا يمكن تمييزها عن المصدر؛ يمكن لللقطات الرئيسية الوصول إلى 12–16.
تحديد مجموعة المحارف
الخطوط الحقيقية تحمل عادةً آلاف الرموز — لاتينية وسيريلية ويونانية وCJK ورموز وروابط. إذا كنت تحتاج فقط إلى «VEXTRUDE 2026»، فإن التجزئة تتخلّص من البقية قبل التصدير. تصدير لاتيني فقط لخط CJK حجمه 4 ميقابايت قد ينكمش إلى بضعة كيلوبايت.
الترخيص والاستخدام العادل
حوّل فقط الخطوط التي تمتلك حق تضمينها. معظم الخطوط التجارية تسمح بالاستخدام على الويب ولكن ليس إعادة توزيعها كبيانات حروف خام — اقرأ اتفاقية الترخيص. الخطوط مفتوحة المصدر (SIL OFL، Apache) هي الأكثر أمانًا للتطبيقات والمستودعات المشتركة.
استخدام المخرجات
حمّل بـ FontLoader.parse() إذا كان ملف JSON في الذاكرة، أو FontLoader.load() عند الجلب. مرّر الخط المرتد إلى TextGeometry، أضف مادّة، ابثق، انتهينا.
أربعة خطوط بعد التحويل
مُصيَّر داخل هذه الأداة
الحرفان نفساهما بعد التحويل، مرسومَين في معاينة الأداة. خط غروتيسك ثقيل، وخط ريشة، وخط عرض مربّع الشكل، وخط أنشيال تاريخي — تأتي الحدود مباشرةً من كل خط، فما تراه هنا هو ما سيبثقه TextGeometry.
صيغ الخطوط المدعومة
أفلت الخطوط التي تستخدمها تطبيقات التصميم والمتصفّحات لديك — المحوّل يقرأها كلها وينتج التنسيق الذي يحتاجه Three.js.
TTF
TrueType
أكثر خطوط السطح والويب شيوعًا، مبنية على مخططات بيزية تربيعية. دعم كامل كإدخال.
OTF
OpenType
مجموعة فائقة لـ TTF مع طباعة متقدّمة. تُحلل المخططات البيزية المكعّبة وميزات OpenType بنظافة.
typeface.json
مخرجات
تنسيق خط JSON الخاص بـ Three.js. يأتي إمّا كملف منزل أو كـ .zip مجمّع.
.zip
حزمة دفعية
عندما تكون عدة خطوط في قائمة الانتظار، يجمع أرشيف واحد كل typeface.json إلى جانب ملف وصف (manifest).
الإدخال
مخرجات
يعمل مع منظومة ثلاثية الأبعاد لديك
ينزل ملف JSON المصدّر مباشرة في كل تكامل شائع لـ Three.js — دون رمز لفّ أو محولات صيغة.
Three.js
FontLoader / TextGeometry
الاستخدام الأساسي — تنسيق JSON مصمم من قبل Three.js. حمّل، فكّك، ابثق.
react-three-fiber
Drei <Text3D>
مرّر ملف JSON إلى مكوّن Text3D من Drei واحصل على طباعة ثلاثية الأبعاد تصريحية في React.
الألعاب وWebXR
تسميات AR/VR
اشحن لوحات وHUD ثلاثية الأبعاد واضحة في ألعاب المتصفّح وتجارب WebXR.
تصور البيانات
رسوم ولوحات معلومات
ابثق خطوط تسمية مخصّصة للخرائط والرسوم المالية والمخططات العلمية في المتصفّح.
الأسئلة الشائعة
كل ما تحتاج معرفته عن محوّل الخطوط من Vextrude.
ما هو خط typeface.json؟
إنّه تنسيق خط JSON الخاص بـ Three.js. بدلاً من ملف خط مُصرّف، يخزّن كل حرف كبيانات مسار بيزية حتّى يحوّل FontLoader في Three.js كل حرف إلى شكل ويقوم TextGeometry ببثقه إلى شبكة ثلاثية الأبعاد حقيقية.
هل يُرفع خطي إلى خادم؟
لا. يتم كل شيء محليًا في متصفّحك عبر opentype.js وFile API. لا يقوم المحوّل أبدًا برفع أو تخزين أو تسجيل الخطوط التي تُفلتها.
ما صيغ الخطوط التي يمكنني تحويلها؟
TrueType (.ttf) وOpenType (.otf). يدعم كلا من مخططات بيزية التربيعية والمكعّبة. الخطوط النقطية فقط والمحاور المتغيّرة فقط (دون مثيل ثابت) هي الأشياء الرئيسية التي لا يمكن التعامل معها.
كيف أستخدم المخرجات في Three.js؟
حمّله باستخدام FontLoader (loader.load() أو loader.parse())، مرّر الخط المرتد إلى TextGeometry، ثم أضف الشبكة الناتجة إلى مشهدك. مع react-three-fiber يمكنك تمريره إلى مكوّن <Text3D> من Drei.
كيف أقلل حجم ملف JSON؟
ذراعان: تجزئة الرموز (حذف الكتابات والرموز التي لا تحتاجها) ودقة بيزية (القيم الأقل تعطي منحنيات أقل نعومة بقليل ولكن ملفًا أصغر بكثير). كلاهما متاح في لوحة إعدادات التحويل.
هل يمكنني تحويل عدة خطوط دفعة واحدة؟
نعم. أفلت عدة ملفات .ttf/.otf في منطقة الدفعات واضغط «Convert & Download All» — ستحصل على ملف .zip واحد يحوي كل typeface.json.
هل هو مجاني للاستخدام التجاري؟
الأداة نفسها مجانية للاستخدام الشخصي والتجاري. إعادة توزيع ملف typeface.json الناتج تعتمد على ترخيص خطّك — راجع اتفاقية الترخيص لأي خط تجاري قبل شحن JSON في منتج عام.
هل يدعم الكتابات غير اللاتينية؟
نعم — السيريلية واليونانية والعربية والعبرية والديفاناغاري والتاية وCJK وغيرها تُحوّل بنظافة طالما يحتوي خط المصدر على حروف الكتابة التي تحتاجها.