الصفحة الرئيسية>موارد بناء الموقع>تحميل الخط
تنزيل

أدوات لصنع خطوط Opentype-SVG

  • يضيف ADDSVG جدول SVG إلى خط ، باستخدام ملفات SVG المتوفرة. يمكن أن يكون تنسيق الخط إما opentype أو truetype.

  • يوفر DumpSVG محتويات جدول SVG للخط كملفات SVG فردية. يمكن أن يكون تنسيق الخط إما opentype أو truetype أو woff أو woff2.

  • تقوم Fonts2SVG بإنشاء مجموعة من ملفات Glyph SVG من خط واحد أو أكثر وألوان سداسية لكل منها. يمكن أن يكون تنسيق الخطوط إما opentype أو truetype أو woff أو woff2.

التبعيات

  • بيثون 3.6 أو أعلى

  • fonttools 3.1.0 أو أعلى

تعليمات التثبيت

  • تأكد من تثبيت Python 3.6 (أو أعلى): 

    python --version

  • إعداد بيئة افتراضية: 

    python -m venv ot-svg

  • تنشيط البيئة الافتراضية:

    • ماكوس ولينكس 

       source ot-svg/bin/activate

    • النوافذ 

      ot-svg S cripts a ctivate.bat

  • تثبيت opentypesvg : 

    python -m pip install opentypesvg

كيف تصنع خطوط Opentype-SVG؟

الخطوة 1

قم بإنشاء مجموعة من ملفات SVG من سلسلة من الخطوط وقيم الألوان. 

 fonts2svg -c 99ccff,ff0066,cc0066 fonts/Zebrawood-Shadow.otf fonts/Zebrawood-Fill.otf fonts/Zebrawood-Dots.otf

الخطوة 2

أضف مجموعة من ملفات SVG إلى خط Opentype (أو truetype) موجود. 

 addsvg fonts/SVGs fonts/Zebrawood.otf

يمكنك استخدام الخطوة 2 دون القيام بخطوة 1 ، ولكن هناك بعض الأشياء التي تحتاج إلى أن تكون على دراية بها عند استخدام أداة addSVG :

  • بعد حفظ ملفات SVG مع تطبيق التأليف (مثل Adobe Illustrator ، Coreldraw! سيؤدي ذلك إلى خفض حجم الملف مع الحفاظ على العمل الفني الناتج كما هو. لهذه الخطوة ، يمكنك استخدام إحدى هذه الأدوات:

    • SVG Cleaner (إصدار واجهة المستخدم الرسومية)
    • SVG Cleaner (إصدار سطر الأوامر)
    • SVG Optimizer
    • نظف
    • Picosvg

  • يتطلب ADDSVG تسمية ملفات SVG وفقًا للرسوم الرسومية التي من المفترض أن ترتبط بها. على سبيل المثال ، إذا تم تسمية الرحم في الخط Ampersand ، فيجب تسمية ملف SVG ampersand.svg .

  • تتوقع AddSVG أن يتم تصميم الأعمال الفنية الملونة بنفس حجم الرسوم الحرارية في الخط ، وعادة ما تكون 1000 أو 2048 UPM. هذا يعني 1 نقطة (PT) في تطبيق التأليف يساوي وحدة واحدة في إحداثيات الخط. إذا كان حجم قماش العمل الفني ليس هو نفسه قيمة UPM الخاصة بخط FONT ، فاستخدم خيار -k لمنع الأداة من إزالة معلمة viewBox الخاصة بـ SVG. سيمكّن الاحتفاظ بمعلمة viewBox من تحجيم العمل الفني إلى المدى الكامل لمنفذ العرض (أي خط Font's UPM).

  • إذا كان عنصر العمل الفني <svg> يحتوي على معلمات height و/أو width ، فقم بإزالتها ، وإلا فإن العمل الفني سيكون له حجم ثابت ولن يُسمح له بالتوسيع إلى حد العرض.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل