كيفية تثبيت خط واحد على صفحة هتمل بأكملها: تعليمات بسيطة

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

أولا ، تحتاج إلى اختيار الخط المناسب. من المهم أن تتذكر أنه ليست كل الخطوط مناسبة للاستخدام على صفحات الويب ، حيث قد تكون مرخصة أو غير مدعومة من قبل جميع المتصفحات. فمن المستحسن أن تختار الخطوط من مجموعات مفتوحة ومجانية مثل جوجل الخطوط أو أدوبي الخطوط.

بعد تحديد الخط ، تحتاج إلى إضافته إلى الصفحة. ويمكن القيام بذلك باستخدام علامة هتمل "لينك" ، الذي يشير إلى ملف الخط. للقيام بذلك ، ما عليك سوى إضافة الكود التالي إلى قسم "الرأس" في صفحة الويب الخاصة بك:

يستخدم المثال أعلاه خط روبوتو من خطوط جوجل. يمكنك استبدال الارتباط بخط آخر أو تحديد خطوط متعددة مفصولة بفواصل. حدد وزن الخط (على سبيل المثال ، 400 للخط العادي ، و 700 للخط الغامق) وأضف سمة "العرض=المبادلة" بحيث يعرض المتصفح النص على الفور بالخط المحدد ، حتى إذا لم يتم تنزيل ملف الخط بعد.

1. الخطوة 1: استيراد الخط إلى ملف هتمل
2. تعرف على اسم الخط
3. الخطوة 2: إنشاء نمط كس
4. إنشاء ملف كس جديد
5. الخطوة 3: قم بتوصيل ملف كس
6. إضافة ارتباط إلى ملف كس في هتمل

الخطوة 1: استيراد الخط إلى ملف هتمل

للبدء ، حدد الخط الذي تريده أو قم بتنزيله من جهاز الكمبيوتر الخاص بك. عادة ما يتم تقديم الخطوط بتنسيقات.صندوق النقد الدولي, .أوتف أو .ووف. بعد تحديد ملف الخط أو تنزيله ، ضعه في نفس المجلد حيث يوجد ملف هتمل الخاص بك.

لاستيراد خط إلى ملف أتش تي أم أل ، أضف التعليمة البرمجية التالية إلى قسم المستند:

بدلا من " الخط.تنسيق " في التعليمات البرمجية أعلاه ، حدد المسار إلى ملف الخط بالنسبة إلى ملف هتمل الخاص بك. على سبيل المثال ، إذا كان ملف الخط يسمى "بلديالخط.تف" ويقع في نفس المجلد مثل ملف هتمل الخاص بك ، ثم المسار سوف تبدو مثل هذا:

بعد إضافة هذا الرمز إلى قسم من ملف هتمل الخاص بك ، سيتم استيراد الخط وجاهز للاستخدام على الصفحة بأكملها. يمكنك الآن المتابعة إلى الخطوة التالية وتعيين هذا الخط لعناصر النص في صفحتك.

تعرف على اسم الخط

قبل تثبيت خط على صفحة هتمل بأكملها ، تحتاج إلى معرفة اسم الخط المحدد. هناك عدة طرق للقيام بذلك:

1. استخدام خصائص المغلق. افتح ملف كس المتصل بصفحة هتمل. عادة ما تحدد خصائص نمط مختلفة ، بما في ذلك الخطوط. ابحث عن القسم المسؤول عن الخطوط وانتبه إلى اسم الخط المحدد:

ص {

الخط الأسرة: أريال ، بلا الرقيق;

}

في المثال المعطى ، اسم الخط أريال.

2. استخدام أدوات المطور المختلفة. تحتوي معظم المتصفحات الحديثة على أدوات مطور مدمجة تسمح لك بتحليل عناصر صفحة الويب وخصائصها ، بما في ذلك الخطوط. افتح أدوات المطور في المتصفح ، وحدد العنصر المطلوب في الصفحة وابحث عن خاصية "عائلة الخط" في قسم الأنماط:

نموذج النص

في هذه الحالة ، يكون اسم الخط أريال.

3. اتصل بمطور الخط أو المالك. إذا كنت تستخدم خطا غير قياسي غير محدد في كس أو متوفر في أدوات المطور ، فيمكنك الاتصال بمطور الخط أو مالكه. وسوف تكون قادرة على توفير لكم مع اسم الخط الدقيق التي يمكن استخدامها في رمز كس.

بمجرد معرفة اسم الخط ، يمكنك المتابعة إلى الخطوة التالية — تثبيته على صفحة هتمل بأكملها.

الخطوة 2: إنشاء نمط كس

بعد إنشاء ملف هتمل ، سوف تحتاج إلى إنشاء نمط كس لتخصيص الخط على الصفحة بأكملها.

1. قم بإنشاء ملف جديد في نفس المجلد حيث يوجد ملف هتمل الخاص بك. نسميها الاسلوب.المغلق.

ص {

الخط الأسرة: 'شيفت_اسم' ، بلا الرقيق;

}

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

4. احفظ النمط.ملف المغلق.

إنشاء ملف كس جديد

• لتثبيت خط واحد على صفحة هتمل بأكملها ، تحتاج إلى إنشاء ملف كس جديد. في هذا الملف ، يمكنك تحديد قواعد النمط لعناصر هتمل المختلفة وتعيين الخط المطلوب.
• لإنشاء ملف كس جديد ، اتبع الخطوات التالية:
• افتح محرر نصوص وأنشئ ملفا جديدا.

حفظ الملف مع التمديد.كس (على سبيل المثال ، الأنماط.المغلق).

افتح الملف الذي تم إنشاؤه وأدخل الرمز التالي:

الجسم {

الخط الأسرة: 'شيفت_اسم' ، بلا الرقيق;

}

بدلا من 'اسم الخط' ، أدخل اسم الخط المطلوب. إذا كنت تريد استخدام خطوط متعددة بترتيب التفضيل ، فقم بإدراجها مفصولة بفواصل.

احفظ ملف كس وربطه بصفحة هتمل عن طريق إضافة السطر التالي من التعليمات البرمجية داخل علامة صفحة هتمل الخاصة بك:

الآن سيتم عرض جميع عناصر هتمل على صفحتك باستخدام الخط الذي قمت بتعيينه.

الخطوة 3: قم بتوصيل ملف كس

لتثبيت خط واحد على صفحة هتمل بأكملها ، تحتاج إلى توصيل ملف كس.

إنشاء ملف جديد مع التمديد.المغلق وتسميته ، على سبيل المثال ، " الأنماط.المغلق". افتح هذا الملف في أي محرر نصوص.

في الأنماط.ملف المغلق ، إضافة التعليمات البرمجية التالية:

الجسم {

1. الخط الأسرة: 'اسم الخط' ، بلا الرقيق;
2. }
3. هنا ، 'اسم الخط' هو اسم الخط الذي تريد استخدامه على الصفحة الخاصة بك. استبدالها مع اسم خط معين. إذا كنت لا تعرف كيفية تسمية الخط ، يمكنك استخدام الأسماء الشائعة مثل أريال ، هلفتيكا ، تايمز نيو رومان ، الخ. لا تنس إضافة فاصلة وتحديد فئة الخط العام في نهاية السطر. على سبيل المثال ، بلا الرقيق للخطوط بلا الرقيق أو الرقيق للخطوط الرقيق.
4. لتوصيل ملف كس إلى صفحة هتمل ، إضافة التعليمات البرمجية التالية داخل علامة الرأس:
6. افتح الملف في محرر نصوص وحدد نمط الخط باستخدام خصائص كس المناسبة. على سبيل المثال: