CSS Font

```

خطوط CSS

خطوط CSS هي عنصر أساسي في تصميم وتنسيق صفحات الويب. تسمح لك بتحديد شكل ومظهر النص المستخدم في موقعك، مما يؤثر بشكل كبير على قابلية القراءة والجمالية العامة. هذه المقالة موجهة للمبتدئين وتهدف إلى تقديم شرح مفصل وشامل لخطوط CSS، مع التركيز على كيفية استخدامها بفعالية لتحقيق النتائج المرغوبة. سنغطي كل شيء بدءًا من الخصائص الأساسية وحتى التقنيات المتقدمة، مع أمثلة عملية لمساعدتك على فهم المفاهيم بشكل أفضل.

ما هي خطوط CSS؟

في عالم تصميم الويب، الخط هو مجموعة من الأحرف والأرقام والرموز ذات نمط معين. تحدد الخطوط شكل النص الذي يظهر على الشاشة. CSS (Cascading Style Sheets) هي اللغة المستخدمة لتحديد أنماط صفحات الويب، بما في ذلك الخطوط. باستخدام CSS، يمكنك التحكم في العديد من جوانب الخط، مثل النوع والحجم واللون والوزن والنمط والتباعد.

خصائص خطوط CSS الأساسية

هناك العديد من خصائص CSS التي تسمح لك بتخصيص مظهر الخط. إليك بعض الخصائص الأساسية:

• font-family: تحدد الخط المستخدم للنص. يمكنك تحديد خط واحد أو قائمة من الخطوط الاحتياطية في حالة عدم توفر الخط الأول.
• font-size: تحدد حجم الخط. يمكن تحديد الحجم بوحدات مختلفة، مثل البكسل (px) أو الإم (em) أو النسبة المئوية (%).
• font-weight: تحدد وزن الخط، مثل عادي (normal) أو غامق (bold).
• font-style: تحدد نمط الخط، مثل مائل (italic) أو عادي (normal).
• color: تحدد لون النص.
• line-height: تحدد الارتفاع بين خطوط النص.
• text-align: تحدد محاذاة النص، مثل يسار (left) أو يمين (right) أو مركز (center) أو تبرير (justify).
• text-decoration: تحدد الزخرفة النصية، مثل تسطير (underline) أو شطب (line-through) أو رفع علوي (overline).

أمثلة عملية

دعنا نلقي نظرة على بعض الأمثلة العملية لكيفية استخدام خصائص خطوط CSS:

مثال 1: تحديد الخط والحجم واللون

```css p {

 font-family: Arial, sans-serif;
 font-size: 16px;
 color: #333333;

} ```

هذا الكود سيحدد الخط Arial للعناصر

(فقرات)، مع حجم خط 16 بكسل ولون رمادي داكن (#333333). إذا لم يكن خط Arial متاحًا، فسيتم استخدام خط sans-serif افتراضيًا. مثال 2: تحديد الوزن والنمط والتباعد بين الخطوط ```css h1 { font-weight: bold; font-style: italic; line-height: 1.5; } ``` هذا الكود سيحدد وزن الخط غامقًا ونمط الخط مائلًا للعناصر