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