أتش تي أم أل هي لغة ترميز تستخدم لإنشاء صفحات الويب. تتمثل إحدى طرق تغيير مظهر النص على صفحة الويب في تغيير الخط الخاص به. الخط عبارة عن مجموعة من الأحرف التي لها نمط وحجم معينين.
هناك عدة طرق لتغيير خط العلامة في هتمل. واحد منهم يستخدم السمة" نمط "مع خاصية كس" الخط الأسرة". على سبيل المثال ، لتغيير الخط لعلامة ، يمكنك إضافة التعليمات البرمجية التالية:
نموذج النص
في هذا المثال ، سيتم تغيير خط النص داخل العلامة إلى أريال إذا كان هذا الخط متاحا على الجهاز ، أو إلى بلا الرقيق إذا أريال غير متوفر.
إذا كنت ترغب في تغيير الخط لجميع العلامات في نفس الوقت ، يمكنك إضافة نمط إلى العلامة أو استخدام كس لتعيين أنماط لجميع العلامات من فئة معينة.
يعد تغيير خط العلامة في هتمل طريقة سهلة للتعبير عن الحالة المزاجية أو نمط موقع الويب الخاص بك. استخدم خطوطا مختلفة لإنشاء تصميم فريد وجذاب لصفحات الويب الخاصة بك.
- تغيير الخط في علامة هتمل
- كيفية تحديد الخط المطلوب
- الاتصال بخط مخصص
- استخدام خطوط النظام
- تحديد حجم الخط
تغيير الخط في علامة هتمل
مثال:
نص بخط فيردانا وحجمه 5
. هذه الطريقة أكثر مرونة وتسمح لك بتخصيص مظهر النص بمزيد من التفصيل.
النص مع نمط المغلق
كيفية تحديد الخط المطلوب
في هتمل ، هناك عدة طرق لتحديد الخط المطلوب للنص:
الوجه
مثال على النص مع الخط أريال المحدد
الخط الأسرة
مثال على النص مع الخط أريال المحدد
3. باستخدام ملف كس خارجي
لتحديد الخط المطلوب باستخدام ملف كس خارجي ، تحتاج إلى إنشاء ملف جديد مع التمديد.المغلق واستخدام الممتلكات
ص {
الخط الأسرة: أريال ، بلا الرقيق;
}
مثال على النص مع الخط أريال المحدد
ريل
و
عند تحديد الخط المطلوب ، يوصى بتحديد خطوط بديلة ، في حالة عدم توفر الخط المحدد على جهاز المستخدم.
قيم السمات
الوجه
أو خصائص
الخط الأسرة
قد تكون هناك أسماء خطوط مفصولة بفواصل للإشارة إلى الأولوية وخيارات الخطوط البديلة. على سبيل المثال,
الخط الأسرة: أريال ، بلا الرقيق
يعني أنه سيتم استخدام الخط أريال أولا ، وإذا لم يكن كذلك ، ثم خط بلا الرقيق مثل أريال ، بلا الرقيق.
| باستخدام هذه الطرق لتحديد الخط المطلوب ، ستتمكن من التحكم في مظهر النص على موقعك. | الاتصال بخط مخصص |
|---|---|
يتيح لك توصيل خط مخصص بصفحة ويب تحسين مظهره وجعله أكثر تميزا. للقيام بذلك ، اتبع الخطوات أدناه: | 1. حدد خط مخصص |
الخطوة الأولى هي تحديد الخط المخصص المناسب. هناك العديد من الموارد حيث يمكنك العثور على الخطوط الحرة مثل جوجل الخطوط ، الخط السنجاب وغيرها. | 2. تحميل الخط إلى الخادم |
بعد تحديد الخط المناسب ، تحتاج إلى تحميله على خادم موقعك. يتكون الخط عادة من ملفات ذات امتدادات.صندوق النقد الدولي, .أوتف أو .ووف. | 3. إنشاء أنماط للخط |
بعد تنزيل الخط ، تحتاج إلى إنشاء أنماط تحدد كيف سيبدو على صفحة الويب. للقيام بذلك ، حدد مجموعة جديدة من الخصائص في ملف كس باستخدام القاعدة
@الخط الوجه
.
}
4. تطبيق الخط الجديد على العناصر
بعد إنشاء أنماط للخط ، يمكنك تطبيقه على العناصر المطلوبة على صفحة الويب عن طريق تحديد الخاصية
الخط الأسرة
الجسم {}
5. اختبار وتحسين الخطلذلك ، يتيح لك توصيل خط مخصص بصفحة ويب إنشاء تصميم فريد وتحسين الإدراك البصري لمحتوى الموقع. باتباع الخطوات المذكورة أعلاه ، ستتمكن من توصيل الخط المحدد بمشروعك بنجاح وتطبيقه على عناصر النص المطلوبة.
عندما ننشئ صفحة ويب ، غالبا ما نرغب في استخدام خط يتطابق مع إعدادات نظام المستخدم. في هذه الحالة ، يمكنك استخدام خطوط النظام المتوفرة على جميع الأجهزة.مثال على استخدام خطوط النظام لعرض النص: