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