CSS - Fonts الخطوط

-

CSS - خصائص الخطوط (Fonts)

🔸 توفر CSS مجموعة من الخصائص التي تُستخدم للتحكم في شكل الخط المستخدم داخل عناصر الصفحة. يمكن تحديد نوع الخط، الحجم، النمط، السمك، وحتى إضافة خطوط خارجية مثل Google Fonts.

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

  • font-family: لتحديد نوع الخط.
  • font-style: لتحديد ما إذا كان الخط مائلًا (italic) أو عاديًا (normal).
  • font-weight: لتحديد سمك الخط.
  • font-size: لتحديد حجم الخط.
  • font: خاصية مختصرة لجميع ما سبق.

📌 استخدام font-family

تُستخدم لتحديد نوع الخط، ويمكن كتابة أكثر من خط كخيارات احتياطية (fallbacks).


p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

📌 الخطوط Web Safe

هي الخطوط المدعومة على معظم أنظمة التشغيل والمتصفحات.

  • Arial
  • Verdana
  • Tahoma
  • Times New Roman

📌 استخدام Google Fonts

يمكن استيراد الخطوط من Google Fonts باستخدام <link>.


<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">


body {
  font-family: 'Cairo', sans-serif;
}

📌 تغيير نمط الخط font-style

تُستخدم لجعل الخط مائلًا أو عاديًا:


p {
  font-style: italic;
}

📌 سمك الخط font-weight

تُستخدم لتحديد مدى ثخانة الخط:


h1 {
  font-weight: bold; /* أو 700 */
}

📌 حجم الخط font-size

تُستخدم لتحديد حجم النص باستخدام وحدات مثل px أو em أو %:


p {
  font-size: 16px;
}

📌 الخاصية المختصرة font

تجمع كل خصائص الخط في سطر واحد:


p {
  font: italic bold 16px "Arial", sans-serif;
}

💡 نصائح مهمة

  • احرص دائمًا على توفير خطوط بديلة (fallback fonts).
  • استخدم Google Fonts بحكمة وقلل عدد الخطوط لتحسين سرعة الصفحة.
  • الخطوط تؤثر بشكل كبير على تجربة المستخدم والقراءة.

تعليقات

إرسال تعليق

المشاركات الشائعة من هذه المدونة

C# - Arrays

-
C# - المصفوفات (Arrays) المصفوفة (Array) هي بنية بيانات تُستخدم لتخزين مجموعة من القيم من نفس النوع في مكان واحد بالذاكرة، ويتم الوصول إلى العناصر باستخدام رقم الفهرس (Index). 🔹 كيفية تعريف مصفوفة: // تعريف مصفوفة وتعيين قيم ابتدائية int[] numbers = { 1, 2, 3, 4, 5 }; // الوصول إلى العنصر الأول Console.WriteLine(numbers[0]); // النتيجة: 1 💡 ملاحظات: الفهرس يبدأ من 0، أي أول عنصر هو numbers[0] . يمكنك استخدام حلقة for أو foreach للتكرار على المصفوفة. يجب تحديد نوع البيانات التي ستحتويها المصفوفة. 🧪 مثال آخر: string[] fruits = new string[3]; fruits[0] = \"تفاح\"; fruits[1] = \"موز\"; fruits[2] = \"عنب\"; foreach (string fruit in fruits) { Console.WriteLine(fruit); } 📌 في هذا المثال، أنشأنا مصفوفة من ثلاث عناصر ومررنا عليها باستخدام foreach .
قراءة المزيد

Entity Framework - ما هو ORM؟ ونبذة عن Dapper وNHibernate

-
Entity Framework - ما هو ORM؟ ونبذة عن Dapper وNHibernate ORM هي اختصار لـ Object-Relational Mapping ، وتعني "الربط الكائني العلاقي". ببساطة، هي تقنية تُستخدم لربط الكائنات (Objects) في الكود مع الجداول (Tables) في قاعدة البيانات. 🔹 لماذا نحتاج إلى ORM؟ بدون ORM، نحتاج إلى كتابة استعلامات SQL يدوية والتعامل مع الكائنات بأنفسنا. بينما ORM توفر لنا طبقة وسيطة تقوم بتحويل الكود الكائني إلى استعلامات SQL تلقائيًا، والعكس أيضًا. 🔹 مزايا ORM تسريع التطوير. تقليل كمية الكود المكتوب. سهولة التعامل مع البيانات بشكل كائني. دعم التحقق من النوع (Type Checking) في وقت البرمجة. 🔹 عيوب ORM أداء أقل من SQL اليدوي في العمليات المعقدة. بعض المرونة تضيع بسبب التجريد العالي. 🔸 مقارنة بين EF Core وDapper وNHibernate التقنية النوع السهولة الأداء الدعم والانتشار Entity Framework Core ORM كامل سهل ومتكامل مع .NET متوسط مرتفع (مدعوم من Microsoft) ...
قراءة المزيد

1.1 SQL Introduction

-
SQL Introduction – مقدمة في SQL  ما هي SQL؟ SQL هي اختصار لـ Structured Query Language (لغة الاستعلام البنيوية). SQL تُستخدم للوصول إلى قواعد البيانات والتحكم فيها ( access and manipulate databases ). SQL تعتبر معيارًا معتمدًا من ANSI (المعهد القومي الأمريكي للمعايير).  ماذا يمكن أن تفعل SQL؟ SQL يمكنها تنفيذ الاستعلامات على قاعدة البيانات ( execute queries against a database ). SQL يمكنها استرجاع البيانات من قاعدة البيانات ( retrieve data from a database ). SQL يمكنها إدخال سجلات في قاعدة البيانات ( insert records in a database ). SQL يمكنها تحديث السجلات في قاعدة البيانات ( update records in a database ). SQL يمكنها حذف السجلات من قاعدة البيانات ( delete records from a database ). SQL يمكنها إنشاء قواعد بيانات جديدة ( create new databases ). SQL يمكنها إنشاء جداول جديدة داخل قاعدة البيانات ( create new tables in a database ). SQL يمكنها إنشاء إجراءات مخزنة ( stored procedures ) داخل قاعدة البيانات. SQL يمكنها إنشاء عروض...
قراءة المزيد