أداة تنسيق الخطوط Typography
تنسيق الخطوط (Typography) هو ما يجعل نصّك مريحًا للقراءة أو متعبًا للعين. التحكّم في حجم الخط وارتفاع السطر والمسافة بين الحروف يصنع فرقًا هائلًا في تجربة القارئ، وكثيرًا ما يُهمَل رغم أهميته الكبرى لأي موقع نصّي.
هذه الأداة تتيح لك ضبط خصائص الخط ومشاهدة أثرها على فقرة حقيقية مباشرة، مع كود CSS جاهز للنسخ.
جرّب بنفسك
الإعدادات
القيمة الحالية: 18px
CSS الناتج
font-family: 'Tajawal', sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;✅ تم النسخ
المعاينة
هذا نص تجريبي
غيّر النوع والحجم والوزن والنمط وشاهد الفرق
غيّر النوع والحجم والوزن والنمط وشاهد الفرق
جرّب خطوط عربية مختلفة لترى أفضل قراءة
متى تستخدم هذه الخاصية؟
اهتمّ بتنسيق الخطوط في أي موقع يعتمد على النص، وخصوصًا:
- المدوّنات والمقالات الطويلة
- ضبط ارتفاع السطر ليريح العين في القراءة
- تمييز العناوين عن النص بأحجام وأوزان واضحة
نصيحة عملية: ارتفاع سطر بين 1.6 و1.8 للنص العربي يحسّن القراءة كثيرًا.
أمثلة عملية
مثال: إعدادات مريحة لنصّ مقال.
.article {
font-size: 1.125rem;
line-height: 1.8;
letter-spacing: 0.2px;
}غيّر ارتفاع السطر وحجم الخط في الأداة بالأعلى لترى متى يصبح النص أسهل قراءة.