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