بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
سنتكلم في هذا الدرس عن خاصية font بأنواعها ، وهي تتحكم في الخطوط شكلا ونوعا:
خاصية font-family : نستخدمها لاختيار فصيلة الخط سواء منها التي تأتي مع أنظمة التشغيل مثل خط Tahoma أو Arial ، أو غيرها من الخطوط التي نحملها أو نستدعيها من الأنترنت .
خاصية font-size : تستخدم لتحديد حجم الخط وتأخذ قيمة رقمية ب px أو em أو %.
خاصية font-weight : تستخدم لتحديد سمك الخط وتأخذ القيمة bold أو bolder إذا أردنا خطا عريضا أو lighter إذا كان الخط عريضا أصلا مثل العنوان h1 وأردنا ظهوره بشكل رقيق ، أو normal وهي الإفتراضية.
خاصية font-style : تستخدم لتغيير شكل الخط إلى مائل مثلا عندما تأخذ القيمة italic المعروفة.
خاصية font-variant : هذه الخاصية تؤثر في الخط وتضفي عليه بعض الجمالية عندما تأخذ مثلا القيمة small-caps .
وكمثال عملي ملموس سنجرب كود html التالي:
وكود css التالي:
ونتيجة هذا الكود هي كالتالي:
ويمكن جمع خصائص font في قاعدة واحدة كما في المثال التالي:
بهذه الطريقة:
بدأنا ب size ثم weight ثم family ثم style في سطر واحد وقاعدة واحدة ، والنتيجة بهذا الشكل:
نكتفي بهذا القدر ، وموعدنا في الدرس القادم مع الخصائص العامة في css ، وفي انتظار ذلك دمتم في رعاية الله وحفظه.