من تنسيق النصوص في CSS إلى Tailwind

font-size: 1.5rem → text-2xl. font-weight: 700 → font-bold. اللون عبر text-*.

تنسيق النصوص من أوضح أجزاء الترحيل: يقابل font-size: 1.5rem الصنف text-2xl، ويقابل font-weight: 700 الصنف font-bold. تبدأ الحيرة عند الألوان، لأن البادئة text- تُستخدم للحجم واللون في آنٍ واحد. في القوائم الطويلة من الأصناف يسهل الخلط بينهما، فراجعها بتأنٍ قبل تسليم العمل.

الحجم وline-height معًا

font-size + line-height غالبًا → text-* / leading-*. إن كان leading العلامة نادرًا فاستخدم leading-[…].

الوزن والتتبع

font-weight 600 → font-semibold. letter-spacing سالب دقيق غالبًا يطلب تتبعًا اعتباطيًا.

لا تجبر المنحدر

تقريب 13px طباعي إلى «أقرب» رمز قد يكسر التسلسل البصري.

جرّب

فتح المحوّل

.example { display: flex; gap: 1rem; padding: 1rem; }

ملاحظة ثقة: تحقق بصريًا من النتيجة. المحوّل مسودة مساعدة للمطوّرين.