6XC

محول تباعد الأحرف (Tracking → CSS)

حوّل قيمة Tracking في فوتوشوب/إليستريتور أو نسبة % في Figma لتباعد الأحرف إلى قيم CSS بوحدتي em وpx.

832 مشاهدة

ثلاث أدوات، ثلاث وحدات

تقيس برامج أدوبي التتبع (Tracking) بوحدة جزء من ألف من الـ em: em في CSS = التتبع ÷ 1000، فتتبع بقيمة 50 → letter-spacing: 0.05em. نسبة Figma المئوية هي ببساطة em × 100: 5% = 0.05em. أما قيمة px فتعتمد إضافياً على حجم الخط: 0.05em عند 16 بكسل = 0.8 بكسل. أدخل أي قيمة تظهر في ملف التصميم لديك، وستتحدّث باقي القيم تلقائياً.

يُفضَّل استخدام قيمة em في CSS لأنها تتناسب مع حجم الخط، فتحافظ العناوين والتسميات التوضيحية على تباعد متناسب بقاعدة واحدة. نطاقات شائعة: من −10 إلى −30 للعناوين الكبيرة، ومن +50 إلى +200 للتسميات الصغيرة بأحرف كبيرة.

الأسئلة الشائعة

يعرض Figma تباعد الأحرف بوحدة px — ماذا أفعل؟

عندها تكون القيمة هي بالفعل قيمة CSS بوحدة px؛ أدخلها في حقل px بعد ضبط حجم الخط، واقرأ ما يعادلها بوحدة em للحصول على CSS قابل للتحجيم.

لماذا يحتاج النص بأحرف كبيرة إلى تباعد موجب؟

الأحرف الكبيرة (Capitals) مصمَّمة لتُحاط بأحرف صغيرة؛ فإذا وُضعت وحدها متلاصقة بدت مزدحمة. تُعد زيادة من +5% إلى +15% (تتبع 50-150) الحل التقليدي لتسميات الأحرف الكبيرة بالكامل.

أدوات مشابهة

محول العملات (أسعار البنك المركزي الأوروبي المباشرة) حوّل بين أكثر من 30 عملة — الدولار الأمريكي واليورو والجنيه الإسترليني والليرة التركية وغيرها — باستخدام أسعار الصرف المرجعية اليومية للبنك المركزي الأوروبي. مجاني، دون تسجيل. حوّل محول الرطل إلى الكيلوغرام حوّل الأرطال إلى كيلوغرامات والكيلوغرامات إلى أرطال فوراً — اكتب في أي من الحقلين. 1 رطل = 0.4536 كغ. حوّل محول الأقدام والإنش إلى سنتيمتر حوّل الأقدام والإنشات إلى سنتيمترات والعكس — تحويلات الطول مثل 5'9" إلى سم، فورًا. حوّل محول فهرنهايت إلى سيلسيوس حوّل الفهرنهايت إلى السيلسيوس والسيلسيوس إلى الفهرنهايت فورًا — درجات حرارة الطقس والفرن والجسم مع نقاط مرجعية شائعة. حوّل