Ibrahem Smart
زيزوومى ذهبى
غير متصل
مرحبا إخوتي أعضاء منتديات زيزووم للأمن والحماية
اليوم سأشرح لكم في دورة تعلم لغة CSS
Fonts
خواص الخطوط
------------------------------------------------------------
خواص الخطوط مختلفة تمامًا عن النصوص فخواص الخطوط تتحكم بالخط الذي يكتب به النص وخواص النصوص تتحكم بشكل النص نفسه.
وقد تم عمل بعض التحديثات على خواص الخطوط في الاصدار الثالث من اللغة CSS3 لكن الدورة مخصصة للإصدار الأول والثاني من اللغة فقط.
كل خاصية من خواص الخطوط تكتب (font-000: ...
مكان الاصفار تكتب الخاصية ومكان النقط تكتب قيمتها.------------------------------------------------------------
font-family
هذه الخاصية تمكنك من اختيار خط النص فعند كتابة نص يظهر بالخط الافتراضي لمتصفحك لكن يمكنك تحديد خط معين يظهر هذا النص به عن طريق هذه الخاصية ولكنها لا تدعم جميع الخطوط فإذا كنت تريد جعلها تدعم أي خط غير مدعوم مسبقًا ستتعلم ذلك في CSS3 طريقة استخدام (fontface).
فهنا قمت بعمل ديف وفيه نص عربي فظهر بالخط الافتراضي لمتصفحي (جوجل كروم)
فأعطيته الخاصية في CSS بخط تاحوما
فتحول الخط الى الخط الذي اخترته
لكن هناك أمرين يجب أن ننتبه لهما في استعمال هذه الخاصية
الأول: عند كتابة خط مكون من أكثر من كلمة يجب أن نضعه بين " " أو ' ' حتى يستطيع المتصفح أن يتعرف عليه جيدًا.
الثاني: يمكنك كتابة اكثر من خط في قيمة الخاصية كخطوط احتياطية لكن المتصفح يختار أول خط مدعوم ويعمل فيه واذا لم يعد مدعومًا او لم يعد يعمل يعمل الخط الذي بعده حتى لا يكون شكل تصميمك سئ بالخط الافتراضي.
إذا خاصية font-family تستخدم لتحديد خط النص ولكن بعض الخطوط قد لا تكون مدعومه ويمكنك حل المشكلة عند تعلمك لـ CSS3.
------------------------------------------------------------
font-size
هذه الخاصية من أكثر وأسهل الخواص التي سوف تستخدمها دائمًا فمن اسمها نعرف أنها تحدد حجم الخط
فإذا أعطيت النص هذه الخاصية بحجم مثلًا 30 بيكسل
فسيكبر حجمه
وبمناسبة الأحجام فسوف أقوم بعمل موضوع خارج الدورة يشرح وحدات القياس في البرمجة
إذا خاصية font-size تتحكم بحجم الخط بوحدات القياس التي سأشرحها قريبًا
------------------------------------------------------------
font-style / font-weight
كلا الخاصيتين تقومان بتعديل شكل الخط فخاصية font-style تجعل النص مائلًا و font-weight تتحكم بضخومة الخط.
وتأخذ خاصية font-style قيمتي ( italic & oblique ) وكلاهما تجعلان النص مائلًا
أما font-weight فتأخذ قيمتي ( lighter & bold ) أو أرقام
( 100 / 200 / 300 / 400 / 500 / 600 / 700 / 800 / 900 )
كلما زاد العدد زادت الضخومة وكلما قل العدد قلت الضخومة
------------------------------------------------------------
