SVG / فن الكتابة
النص إلى SVG: حدود الخطوط ومساراتها
حوّل النص إلى مسارات SVG باستخدام خطوط لاتينية مضمّنة أو ملف TTF أو OTF أو WOFF محلي. اضبط الحجم وتباعد الحروف وارتفاع السطر والمحاذاة والألوان، ثم نزّل SVG أو PNG.
النص إلى SVG: حدود الخطوط ومساراتها: اكتب النص، واختر أحد الخطوط المضمّنة أو حمّل ملف TTF أو OTF أو WOFF الخاص بك، فتحوَّل الحروف إلى حدود SVG، ليظهر الناتج بالطريقة نفسها على جميع الأجهزة من دون تثبيت الخط. اضبط الحجم وتباعد الحروف وارتفاع السطر والمحاذاة والتعبئة والحدود، ثم انسخ SVG أو نزّل SVG أو PNG. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات المطورين
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
جارٍ تحميل الخط…
يتضمن هذا الخط أشكال حروف متصلة أو روابط حروف لا تُطبّق هنا، لذلك قد تبدو بعض الأحرف مختلفة عن ظهورها في التطبيقات الأخرى.
تستخدم الخطوط اللاتينية المضمّنة ترخيص SIL Open Font. تبقى الخطوط التي تحمّلها محلية، وتتحمل مسؤولية تراخيصها. تم تفعيل المسافات بين الحروف. يعتمد تشكيل النصوص المعقدة على الخط والمحلّل. تقتصر صادرات PNG على 4096 بكسل في الجانب الأطول.
تحرير أشكال SVGمسارات SVG
تحدد مواصفة مسارات SVG 2 أوامر المسارات والمسارات الفرعية المغلقة. https://www.w3.org/TR/SVG2/paths.html
محلل الخطوط
تُقرأ الخطوط في المتصفح باستخدام opentype.js 2.0.0، وهي مكتبة مفتوحة المصدر مرخّصة بموجب MIT. لا تدعم الأداة ملفات WOFF2؛ حوّلها أولًا إلى WOFF أو TTF أو OTF. لا تُطبَّق بعض ميزات الخطوط المتقدمة، مثل البدائل السياقية وبعض جداول تقارب الحروف، لذلك قد يختلف التباعد قليلًا عن معالج النصوص. https://github.com/opentypejs/opentype.js
مصادر الخطوط المضمّنة
تأتي ملفات WOFF اللاتينية غير المعدّلة من حزم Fontsource: https://fontsource.org/fonts/inter ؛ https://fontsource.org/fonts/oswald ؛ https://fontsource.org/fonts/pacifico ؛ https://fontsource.org/fonts/lobster . يُنشر إشعار حقوق الطبع والنشر لكل خط والنص الكامل لترخيص SIL Open Font Licence إلى جانب ملفات الخطوط.
طريقة الاستخدام
- أدخل النص واختر خطًا مضمّنًا، أو اسحب ملف الخط الخاص بك وأفلته.
- اضبط الحجم والتباعد والمحاذاة والتعبئة والحدود، وتحقّق من حدود الحروف.
- انسخ مسارات SVG أو نزّلها، أو صدّرها بصيغة PNG.
الخصوصية والقيود
يبقى النص والخطوط التي تحمّلها في المتصفح. تُحمّل ملفات WOFF المضمّنة من هذا الموقع، ولا تُستخدم أي خدمة خطوط خارجية.
أدوات ذات صلة
الأسئلة الشائعة
ما الخطوط المضمّنة؟
يتوفر Inter وOswald بالوزنين العادي والعريض، إضافةً إلى Pacifico وLobster بالوزن العادي. تُعاد إتاحة هذه المجموعات الفرعية اللاتينية من دون تعديل بموجب SIL OFL 1.1. يوجد ترخيص كل خط في /fonts/text-to-svg/. وتتحمل مسؤولية تراخيص الخطوط التي تحمّلها.
لماذا قد تختلف بعض الكتابة عن تصميمي في تطبيق التصميم؟
يدعم المحلّل بعض جداول التشكيل والتموضع فقط. وتعود الاستبدالات السياقية غير المدعومة إلى أشكال الحروف المباشرة، مع عرض إشعار يوضّح هذا القيد. وقد لا تتوفر أزواج تقارب الحروف في جداول التموضع لبعض الخطوط، ومنها Inter. وقد تختلف النصوص المعقدة والخطوط الملوّنة.
هل يحتوي SVG على نص قابل للتحرير؟
لا. فهو يحتوي على حدود الحروف ولا يحتاج إلى الخط الأصلي لعرضه. تؤثر الأسطر الفارغة في تباعد خط الأساس، بينما يقتص viewBox على الحبر المرئي. يقتصر إخراج PNG على 4096 بكسل في أطول ضلع.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا