CSS: font property

-

التحكم في نوع الخط في CSS سهل جدا، يحتوي CSS على عدد كبير جدا من الخصائص، وموضوعنا في هذا الدرس هو التحكم بالخطوط .

تمام خلونا نعمل مثال حتى نفهم الموضوع بشكل أفضل:

نبدأ بإنشاء ملف HTML باسم  TextFont وبعدها نضيف الكود التالي: 
<!DOCTYPE html>
<html>
    <style>
        h1 {
           font-family: "Times New Roman", Times, serif;
           }
    </style>
<body>
<html>  
    <h1>مرحبا بكم </h1>
  </div>                  
</body>
</html>

شغل الصفحة ونشوف النتيجة (الصورة)
 طيب نفهم الكود:
الكود التالي :
h1 {
           font-family: "Times New Roman", Times, serif;
   }
يتم تطبيق نوع الخط Times New Roman على h1 elements الموجودة في صفحة HTML 




تمام طريقة الكتابة بتكون بالشكل: 
font-family: value
قيمة الخط في هذا المثال هي Times New Roman ، لاحظ انه تم إضافة أنواع أخرى وذلك يعني ان في حال كان اول نوع غير موجود بتم تطبيق النوع الثاني وهكذا.