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