6- CSS : تنسيق الخط بأربعة متغيرات

 

بسم الله الرحمن الرحيم

 

في هذا الموضوع سنتحدث عن تنسيق الخط داخل لغة CSS بعدة متغيرات بسيطة جدا

 هناك طرق أخرى لتنسيق الخط بإستخدام html في الدرس السادس

1. نوع الخط font-family
2. نمط الخط font-style
3. حجم الخط font-size
4. سمك الخط font-weight

 

أولا: نوع الخط font-family

 

هذا المتغير يستخدم لتحديد نو ع الخط في مووقعك أو قالب مدونتك

يتم إضافة أكثر من نوع من الخطوط في هذا المتغير .. فيكون الخط الافتراضى هو أول نوع .. لكن إذا كان هناك متصفح لا يدعم هذا النوع فإنه مباشرة ينتقل إلى النوع التالى ... إذا كان يدعمه

للتعرف على أنواع الخطوط .. كل ما عليك فعله هو فتح برنامج Word و فيه ستجد أسماء و أنواع الخطوط المختلفة التى تريدها

عند إضافة نوع من أنواع الخطوط و كان إسم النوع أكثر من كلمة يوضع إسم النوع بين علامتى تنصيص "   "

و يفصل بين كل نوع و اخر بفاصلة  ,

المثال التالى لنوع الخط و يوضع قبله العنصر المختار selector أو body إذا كان للموقع أو المدونة ككل

 body {font-family: "Times New Roman", serif;}

 

 

ثانيا: نمط الخط font-style

 

 نمط الخط هو بين نمطيم

الخط العادى normal : و هو الخط العادى حتى بدون كتابة هذا المتغير يظهر الخط بالشكل العادى

الخط المائل italic : و هو الخط بالصورة المائلة كالتالى >>  مدونة عالم نت

و أكواد CSS لها هى بالترتيب و يوضع قبلها العنصر المختار selector أو body إذا كان للموقع أو المدونة ككل

body {font-style: normal;}

body {font-style : italic;}

 

 

 

ثالثا: حجم الخط font-size

 

تستخدم لتحديد حجم الخط و يستخدم عدة طرق للقياس أفضلها البيكسل px

و يجب التمييز بين العنوانين التى تأخذ أحجام <h1>.....<h6> .. و التى ذكرت في أساسيات لغة HTML و الجمل العادية غير العناوين

الكود يكون كالتالى و يوضع قبله العنصر المختار selector
 

{font-size:10px;}

 

 

 رابعا: سمك الخط font-weight

تستخدم لتحديد سماكة الخط و هى أيظا نمطين
السمك العادى normal : و هو الخط العادى حتى بدون كتابة هذا المتغير يظهر الخط بالسمك الطبيعى
السمك الأثقل bold : و هو السمك الاثقل من الطبيعى و يكون مثل .. مدونة عالم نت
و أكواد CSS لها هى بالترتيب كالتالى و يوضع قبلها العنصر المختار selector

{font-weight: normal;}

{font-weight: bold;}