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