كل الأعمالنبذة المشروع / 05
استوديو الخط العربي
ARABIC TYPE STUDIO
تصميم خطوط · أدوات · تطبيق ويب
استوديو لصناعة خطٍّ عربي من الصفر: تختار أسلوباً كلاسيكياً، وترسم كلّ حرف وقواعدُ الاتصال تُراجَع وأنت ترسم، وترى الكلمات تتشكّل حيّةً، وتصرّف خطّاً حقيقياً بصيغتي TTF وWOFF2 دون أن تغادر المتصفح.
- الحالة
- متاح · مجّاني
- المنصة
- تطبيق ويب في صفحة واحدة، ومُصرِّف لسطر الأوامر للملفات نفسها
- اللغات
- واجهة إنجليزية؛ والخطوط عربية
- دورنا
- الفكرة، ومحرّكا الضربات والشبكة، وتنسيق OpenType، وتصميم المنتج، والتطوير
المطلوب
بدأ أداةً لخطّنا نحن: «كوثا كوفي»، الخط الكوفي المربّع في هوية الاستوديو. رسم خطٍّ عربي يعني عادةً برامج احترافية ومعرفةً بـOpenType وطريقاً طويلاً قبل أن تتصل أوّل كلمة.
أردنا العكس: خطٌّ محفوظ في ملفّين نصّيين، وصفحة ترسمهما وتراجعهما، ومُصرِّف يخرج خطّاً يقرؤه المتصفح. ثم نما الاستوديو من الكوفي على الشبكة إلى كلّ الأساليب الكلاسيكية المكتوبة بالقلم.
ما قمنا به
- بناء محرّكي رسم: شبكة خلايا للكوفي المربّع، وضربات هيكلية يُسحب عليها قلم مشطوف أو مدوّر للأساليب الخطّية والحديثة. الهيكل نفسه بقلمٍ مشطوف بزاوية 70° يُقرأ نسخاً، وبزاوية 0° كوفياً، وبقلم مدوّر سانساً.
- كتابة تنسيق OpenType: الصور الابتدائية والوسطية والنهائية، ولام ألف، ومراسي الحركات، والهوامش التلقائية، والتراكب الذي يخفي درز الاتصال بين الحروف.
- تصميم محرّر الحروف بحيث تُراجَع قواعد الاتصال وأنت ترسم، مع إدراج كلّ حرف يحتاجه الخط العربي منذ البداية، ومعاينة حيّة تشكّل الكلمات المكتوبة من الرسوم.
- وضع المُصرِّف داخل الصفحة: يُبنى الخط في المتصفح بسلسلة أدوات Python نفسها التي في سطر الأوامر، ويُختبر التشكيل بـHarfBuzz.
- رسم «كوثا كوفي» به: 185 حرفاً، كلّ حرف مبنيّ من ضربات بخلية واحدة على الشبكة.
من الشاشات
أبرز الملامح
عشرة أساليب للبدء
النسخ والثلث والرقعة والديواني والكوفي والمغربي والنستعليق، وسانس حديث، وخطّ هندسي، والكوفي المربّع. الأسلوب يحدّد القلم والنسب والأدلّة، وكلّه قابل للتغيير بعد ذلك.
الاتصال يُراجَع أثناء الرسم
كلّ حرف يعرف أين يلتقي جيرانه. يقول المحرّر ما تحتاجه الصورة، وتُري المعاينة حروفك متصلةً في كلمات حقيقية قبل أن يوجد الخط.
خطّ حقيقي داخل المتصفح
«البناء والمراجعة» يصرّف الرسوم إلى TTF وWOFF2 في الصفحة، ثم يدع محرّك النصوص في المتصفح يشكّل كلماتك بالنتيجة: الاختبار الأخير.
نصّ عادي من أوله إلى آخره
الخط مجلّد فيه font.toml وglyphs.json أو glyphs.txt. يُقارَن ويُؤرشَف، ويُحرَّر يدوياً، أو يُستنسخ من رسمة أو من تصدير Illustrator.
كوثا كوفي
خطّ الاستوديو الكوفي المربّع للعناوين، مرفقٌ مثالاً: ادرسه أو انسخه أو ابنِ عليه.
أين وصل المشروع
الاستوديو متاح مجّاناً، و«كوثا كوفي» مكتمل، ومعه مسودّة نسخ تعرض محرّك الضربات. التالي: خطوط مثالية أوفى للنسخ والثلث، وورقة مراجعة لكلّ صورة، وواجهة عربية.
التقنياتJavaScript، تطبيق صفحة واحدةPython مع fontTools، يعمل في المتصفح عبر PyodideHarfBuzz لاختبارات التشكيلNetlify