Typography Editor

محرر طباعة ويب للمصممين والمطورين لاستكشاف الخطوط والتباعد والتصيير ثم تصدير مقاطع CSS للاستخدام على الويب.

Request Feature / Support

7,108+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

عن هذه الأداة

يوفر محرر الطباعة ساحة حية لاختبار خصائص الخط وإخراج CSS. يستخدمه المصممون ومطورو الواجهة الأمامية لاختبار اختيارات font-family و الأوزان والأحجام والتباعد السطري وتباعد الأحرف، ومقارنة النتائج عبر نقاط التوقف. يتم ربط المدخلات بقواعد الطباعة وعرض معاينة دقيقة تسمح بضبطات دقيقة قبل دمج الطباعة في واجهة المنتج.

مفهوميًا، يحوّل الاختيارات إلى قواعد CSS قياسية وتوكنات. يدعم الوحدات px و rem، ويحوّل الأحجام بناءً على حجم خط جذر، وينتج كتلة CSS بالإضافة إلى إعداد JSON منظّم لمخططات التصميم. كما يدعم font-variation-settings للخطوط المتغيرة.

المستفيدون: مصممو واجهة المستخدم ومهندسو الواجهة الأمامية واستراتيجيّو المحتوى الذين يسعون لتوحيد الطباعة عبر المنصات. القيمة الفريدة تكمن في الدقة (الوحدات، المقاييس والتراجعات) وقابلية التصدير التي تقلل فجوة التسليم بين التصميم والتنفيذ وتتيح تجربة سريعة مع مقاييس الطباعة والتباعد. تشمل الميزات الأساسية مجموعات إدخال لـ font-family، الوزن، الحجم، ارتفاع الأسطر وتباعد الأحرف؛ دعم عنواني اختياري للخط؛ معاينة حية؛ تصدير CSS؛ تصدير Tokens JSON؛ وإعدادات استجابة اختيارية لنقاط التوقف الشائعة. حالات الاستخدام: لوحات معلومات المنتجات، مواقع التسويق، صفحات منتجات التجارة الإلكترونية وبوابات التوثيق.

Save your calculation history with a free account

كيفية الاستخدام

قدّم المدخلات: اختر font-family (ورابط URL اختياري)، حدّد الحجم وارتفاع الأسطر وتباعد الأحرف والوزن.
اختر الوحدات والإعدادات الاستجابية الاختيارية.
أنشئ CSS: قم بإنتاج كتلة CSS وتوكنات.
معاينة وقم بالتعديل: راجع العرض في منطقة المعاينة.
التصدير: انسخ CSS، حمّل JSON، أو انسخ كود المثال للدمج.

Frequently Asked Questions

اعثر على إجابات سريعة

هل يمكنني استيراد خطوط مخصصة؟

نعم. أدخل اسم عائلة الخط وعنوان URL للخط اختياريًا أو مصدر @font-face. يقوم المحرر بإنشاء CSS يشير إلى URL، ويعود إلى خطوط النظام إذا فشل التحميل. لا يستضيف ملفات الخطوط.

أي خصائص CSS يتم توليدها؟

يتضمن CSS الناتج font-family و font-size و line-height و letter-spacing و font-weight و text-transform و font-variation-settings اختياري. يمكنه إخراج كتلة CSS ومخطط JSON لمخططات التصميم؛ الوضع المتقدم يعرض متغيرات CSS للثيمات.

هل يمكنني تصدير إعدادات متعددة؟

نعم. يدعم الأداة حفظ عدة presets typographic في جلسة واحدة. كل preset يخزن font-family و الحجم و line-height و الوزن. يمكنك تصدير جميع presets كـ JSON أو نسخ كتل CSS منفردة للدمج السريع.

هل يوجد وضع استجابي؟

نعم. تسمح presets الاستجابيّة بتعريف مقاييس الطباعة لنقاط التوقف. عند التفعيل، يولّد الأداة استعلامات وسائط بحجوم rem لكل نقطة توقف. لا يقوم تلقائيًا بتغييرات تصميم أخرى بخلاف الطباعة.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

محول Spotify إلى MP3

يحوّل ملفات الصوت المقدمة محليًا إلى MP3، مما يتيح الاستماع دون اتصال وتوافقًا عبر الأجهزة للموسيقى...

حساب المسافة بالطرق

حاسب للمسافة بالطرق للمسافرين ومخططي اللوجستيات والسائقين لتقدير المسافات وأزمنة الرحلة بسرعة بين ال...

حاسبة العمر

حدد عمر شخص بسرعة استناداً إلى تاريخ ميلاده مع أداتنا المجانية على الإنترنت، مناسبة للاستخدام الشخصي...

محول العملات

حوّل بسرعة مبالغ بين عملات مختلفة باستخدام محول العملات المجاني عبر الإنترنت، مثالي للمسافرين، الشرك...

ملاحظاتك تهمنا

ساعدنا على التحسن