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