الثلاثاء، 11 يوليو 2017

التعامل مع النصوص فى لغة CSS

التعامل مع النصوص فى لغة CSS

- في الدرس السابق تم شرح مقدمة فى لغة CSS للمزيد من المعلومات برجاء زيارة الرابط السابق التعامل مع الالوان فى لغة CSS
- فى هذا الدرس سنتناول شرح كيفية التعامل مع النصوص Text فى لغة CSS
- عندما نتحدث عن النصوص فى لغة الـ CSS فهنالك عدة عوامل يجب اخذها فى الاعتبار و هى نوع الخط المستخدم و حجمه و شكل الخط.

* font-family

- تستخدم هذه الخاصية لتحديد نوع الخط المستخدم Typeface و يجب ان يكون هذا الخط مثبت على جهاز الكمبيوتر الخاص بالزائر ليظهر له النص بالصورة المطلوبة و فى بعض الاحيان يتم وضع عدة اختيارات لنوع الخط فى خاصية font-family مفصولة بـ (,)
- فى حالة ما اذا كان اسم الخط يتكن من مقطعين فيجب اضافته بين double quotes "".
h1 , h2 {
font-family: Arial , Verdana , "Courier New" ; }

* font-size

- تستخدم هذه الخاصية لتحديد حجم الخط المستخدم و تكون قيمة حجم الخط اما قيمة معينة محددة بالـ pixels او نسنبة مئوية من القيمة الافتراضية لحجم الخط فى معظم المتصفحات و هي 16px.
h1 , h2 {
font-size: 200% ; }

* font-weight

- تستخدم هذه الخاصية لتحديد ششكل الخط حيث بالامكان جعل الخط يظهر بصورة خط عادى او سميك Bold.
h1 , h2 {
font-weight: bold; }

* font-style 

- تستخدم هذه الخاصية لتحديد ششكل الخط حيث بالامكان جعل الخط يظهر بصورة خط عادى او مائل Italic او منحرف مائل oblique.
h1 , h2 {
font-style: italic; }

*font-face@ 

- تستمح هذه الخاصية اساتخدام اى خط حتى و ان لم يكن مثبت على جهاز الكمبيوتر الخاص بالزائر عن طريق تحديد مسار الخط لنسخه و تحميله على جهاز الكمبيوتر للزائر و في هذه الحالة يجب الـ src الذي سيتم تحميل الخط منه و كذلك الـ format المتوافق مع نوع المتصفح .
- هنالك العديد من الـ formats للخطوط حسب المتصفح و التي يجب ان تذكر فى الكود حسب الترتيب
1- eot
2- woff
3- ttf/otf
4- svg

يتبع فى الجزء الثاني من درس التعامل مع النصوص فى لغة CSS ....


0 التعليقات

إرسال تعليق