OneKitTools logoOneKitTools

منشئ مقياس الخطوط

أنشئ مقياساً طباعياً بالنسب واعرض الخطوط حياً وصدّر CSS/Tailwind

حول منشئ مقياس الخطوط

أنشئ مقياساً طباعياً بنسب رياضية واعرض الخطوط حياً وصدّر CSS أو SCSS أو إعدادات Tailwind — كل شيء في المتصفح.

كيفية استخدام منشئ مقياس الخطوط

  1. 1عيّن حجم خط أساسي (مثلاً 16 بكسل) واختر نسبة مقياس (الثالثة الصغرى أو الثالثة الكبرى أو الرابعة التامة أو النسبة الذهبية وغيرها).
  2. 2اختر الوحدة (بكسل أو rem أو em) وفعّل/عطّل تقريب القيم.
  3. 3اختر عائلة خط وسمكاً لمعاينة المقياس.
  4. 4راجع المقياس المرئي الذي يعرض كل خطوة بحجمها المحسوب.
  5. 5صدّر كخصائص CSS مخصصة أو متغيرات SCSS أو إعدادات Tailwind.

نصائح

  • مقياس الثالثة الكبرى (1.25) يعمل بشكل جيد لمعظم المواقع — يوفر تسلسلاً هرمياً واضحاً بدون قفزات حجم متطرفة.
  • استخدم وحدات rem للطباعة المتاحة — تحترم إعدادات حجم خط المتصفح للمستخدم.
  • النسبة الذهبية (1.618) تنشئ فروقاً دراماتيكية في الحجم — أفضل للتخطيطات التحريرية أو الفنية.

أدوات ذات صلة

فريق OneKitToolsتم التحديث 2.21.4