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