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