كيفية تثبيت الخطوط التي تم تنزيلها بشكل صحيح على موقع الويب: دليل مفصل

تلعب الخطوط دورا مهما في إنشاء تصميم فريد لموقع الويب. أنها تساعد على خلق جو خاص ونقل المعلومات للمستخدم. إذا قمت بتحميل خطوط جديدة لمشروع الويب الخاص بك ، فأنت بحاجة إلى تثبيتها على الموقع. في هذه المقالة ، سنخبرك بكيفية تثبيت الخطوط التي تم تنزيلها بشكل صحيح على موقع ويب.

الخطوة الأولى هي تحميل الخطوط المحددة إلى الاستضافة أو نظام الملفات. غالبا ما يتم تحميل الخطوط بالتنسيق.تف (تروتايب الخط) أو .أوتف (أوبن الخط). تأكد من أن لديك جميع ملفات الخطوط اللازمة لتثبيت كامل.

بعد ذلك ، تحتاج إلى توصيل الخطوط التي تم تنزيلها بصفحة الويب الخاصة بك. للقيام بذلك ، سوف تحتاج إلى أنماط كس. أضف الكود التالي إلى ملف النمط الخاص بك:

@الخط الوجه {

 عائلة الخط:'اسم مقتصد';

 سرك: ورل('مسار/إلى/ملف.ووف 2') شكل ('ووف 2'),

   رابط ('مسار / إلى / ملف.وف') شكل ('وف');

}

في التعليمات البرمجية ، استبدال 'اسم الخط' مع اسم أنيق من الخط الخاص بك و 'مسار/إلى/ملف' مع المسار إلى الملف الخاص بك. تذكر أنك تحتاج إلى تحديد المسار بالنسبة لملف كس الخاص بك أو الدليل الجذر لموقعك.

يمكنك إضافة العديد من تنسيقات الخطوط المختلفة بمسارات مختلفة لضمان التوافق مع المتصفحات المختلفة. ولكن من المهم أن تتذكر أن كل تنسيق إضافي سيشغل مساحة إضافية على الخادم ويزيد من وقت تحميل الصفحة.

1. اختيار وتنزيل الخطوط
2. تحليل تنسيقات الخطوط
3. إعداد الخطوط للتثبيت
4. تثبيت الخطوط على موقع ويب باستخدام كس
5. التحقق من تشغيل الخطوط المثبتة

اختيار وتنزيل الخطوط

1. اختر خطا عالي الجودة يطابق موضوع موقعك. هناك العديد من الموارد المجانية والمدفوعة حيث يمكنك العثور على خطوط لمشروعك.
2. بعد تحديد الخط ، قم بتنزيله بالتنسيق المطلوب. وعادة ما يتم توفير الخطوط في تروتايب (تف) أو أوبن (أوتف) الأشكال.
3. ضع ملفات الخطوط التي تم تنزيلها في مجلد منفصل على خادم موقعك. عادة ما يتم حفظها في دليل" الخطوط "أو" كس/الخطوط".
4. تحديد المسار إلى ملفات الخط في رمز كس الخاص بك. للقيام بذلك ، استخدم المسارات الصحيحة بالنسبة إلى الدليل الجذر لموقعك.
5. إضافة قواعد نمط للخطوط إلى ملف كس الخاص بك. نموذج التعليمات البرمجية:

سرك: ورل ('المسار إلى الملف.وف') شكل ('وف'),

رابط ('الطريق إلى.ملف تف') شكل ('تروتايب');

الخط الوزن: عادي;

نمط الخط: عادي;

}

• الآن يمكنك استخدام الخط المحدد في رمز كس الخاص بك عن طريق تعيينه باستخدام الخاصية
• الخط الأسرة
• للعناصر الضرورية.
• ستساعد الخطوط المحددة والمثبتة بشكل صحيح موقعك على التميز عن الآخرين وإنشاء نمط فريد للمحتوى الخاص بك.

تحليل تنسيقات الخطوط

قبل تثبيت الخطوط التي تم تنزيلها على موقع الويب الخاص بك ، من المهم فهم التنسيقات المختلفة التي يمكن تقديمها بها. كل تنسيق له خصائصه الخاصة والتوافق مع المتصفحات المختلفة.

فيما يلي بعض تنسيقات الخطوط الأكثر شيوعا:

1. تروتايب( تف): هذا هو تنسيق الخط الأكثر شيوعا. يمكن تثبيت خطوط تروتايب على أي نظام تشغيل وتدعمها جميع المتصفحات الحديثة تقريبا.
2. أوبن (أوتف): تنسيق الخط هذا هو امتداد تروتايب ويدعم المزيد من الميزات مثل الأحرف البديلة والمحاذاة المطبعية الحقيقية. كما أنه متوافق مع العديد من المتصفحات وأنظمة التشغيل.
3. تنسيق الخط المفتوح على الويب: تم تصميم تنسيق الخط هذا خصيصا للاستخدام من قبل مطوري الويب. وف عادة يضغط ملفات الخط ، مما يحسن وقت التحميل من صفحات الويب. وهو مدعوم على نطاق واسع من قبل المتصفحات الحديثة وهو التنسيق المفضل للاستخدام على مواقع الويب.
4. 2: هذا هو نسخة محدثة من تنسيق وف ، الذي يوفر أكبر ضغط الملفات وتحسين أداء التحميل.

جزءا لا يتجزأ من أوبن (محكمة تكافؤ الفرص): وضعت من قبل مايكروسوفت ، تم تصميم ملفات الخط محكمة تكافؤ الفرص لاستخدامها من قبل الخطوط على شبكة الإنترنت في متصفحات إنترنت إكسبلورر. ومع ذلك ، يعتبر بروتوكول محكمة تكافؤ الفرص قديما ، وبالتالي يوصى باستخدام تنسيقات أكثر حداثة.

من الضروري التحقق من تنسيق ملفات الخطوط التي قمت بتنزيلها قبل تثبيتها على موقعك. تأكد من أن التنسيق المحدد مدعوم من قبل المتصفحات وأنظمة التشغيل المستهدفة.

إعداد الخطوط للتثبيت

قبل تثبيت الخطوط التي تم تنزيلها على موقع الويب الخاص بك ، تحتاج إلى إكمال عدة خطوات تحضيرية:

تحقق من ترخيص الخط. تأكد من أن الخط الذي تريد استخدامه لديه الترخيص المناسب للاستخدام على موقعك.

قم بفك ضغط ملفات الخطوط التي تم تنزيلها على جهاز الكمبيوتر الخاص بك. عادة ما يتم توفير الخطوط كأرشيفات مضغوطة. قم بفك ضغطها باستخدام برنامج خاص أو أدوات نظام تشغيل قياسية.

تحقق من ملفات الخطوط بحثا عن الأخطاء. افتح كل ملف خط وتأكد من أنه غير تالف ويعمل بشكل صحيح.

تحويل الخطوط إلى التنسيقات المطلوبة. لاستخدامها على موقع على شبكة الانترنت ، يجب أن تكون الخطوط في أشكال متوافقة مع متصفحات الويب مثل تف ، يوت ، وف ، وف 2. إذا كانت خطوطك تحتوي على تنسيقات أخرى ، فأنت بحاجة إلى تحويلها باستخدام أدوات خاصة أو محولات خطوط عبر الإنترنت.

تثبيت الخطوط على موقع ويب باستخدام كس

1. قم بتوصيل الخط بملف كس باستخدام قاعدة @ فونت-فيس. للقيام بذلك ، حدد المسار إلى ملف الخط باستخدام خاصية سرك ونوع الخط باستخدام خاصية التنسيق.

1. @الخط الوجه {
2. عائلة الخط: اسم الخط;
3. سرك: ورل(مسار الملف.تنسيق) تنسيق ('تنسيق_شريفت');

}