تحويل النص إلى SVG
ملف SVG الذي يستخدم عنصر <text> يعتمد على توفّر الخط أينما فُتح. حوّل النص إلى بيانات مسار فيختفي هذا الاعتماد: الأشكال تسافر مع الملف، فيظهر متطابقًا في كل متصفح ومحرر وقاطعة — ودون أي طلب لخط ويب.
تحويل النص إلى SVGما الذي تحصل عليه
مسار واحد لكل محرف، بقاعدة التعبئة والتعبئة والحد التي ضبطتها، مع خيار منح كل محرف معرّفًا خاصًا لتخاطب الحروف فرادى في CSS أو JavaScript. أو الحم الكنتورات حين تريد مسارًا واحدًا للكلمة كلها — وهو الشكل الذي تفضّله عادةً القاطعة أو نظام الأيقونات.
تشكيل صحيح لا مجرد بحث عن محارف
يُشكَّل النص بـHarfBuzz، المحرك الذي تستخدمه المتصفحات نفسها، فتُطبَّق أزواج الكيرننغ والرباطات وتتصرف الكتابات المعقدة كما ينبغي: الحروف العربية تتصل، والعناقيد الهندية تُعاد ترتيبها. كما تُتاح محاور الخطوط المتغيرة وميزات OpenType، فيمكن ضبط الوزن أو مجموعة أسلوبية قبل التحويل إلى مسارات.
استخدم خطك الخاص
يغطي الدليل أكثر من 1900 عائلة مفتوحة المصدر، ويمكنك بدلاً منها إسقاط ملف TTF أو OTF خاص بك. تُقرأ الخطوط المرفوعة داخل التبويب ولا تُرسل إلى أي مكان، ما يعني أيضًا أن خطًا تجاريًا مرخّصًا يبقى على جهازك.
أسئلة
- لماذا لا نُبقي النص كعنصر <text>؟
- لأنه لن يُعرض مرتين بالطريقة نفسها. فالخط المفقود يُستبدل بصمت، وخط الويب يضيف طلبًا شبكيًا ووميضًا لنص بلا تنسيق. أما المسارات فهندسة ثابتة — وهي تستحق العناء كلما كان الملف شعارًا أو أيقونة أو موجَّهًا إلى آلة.
- هل يظل النص قابلاً للبحث أو للوصول؟
- ليس بعد التحويل إلى مسارات. احتفظ بالصياغة في aria-label أو في عنصر title داخل ترميزك، واحتفظ بمصدر قابل للتحرير للتعديلات اللاحقة.
- هل أستطيع استخدام خط مرخّص أملكه؟
- نعم — ارفع ملف TTF أو OTF. يُحلَّل داخل المتصفح، فلا يغادر الملف جهازك أبدًا. وتحقق من أن الرخصة تسمح بالتحويل إلى مسارات للاستخدام الذي تنويه.