الانتقال إلى المحتوى الرئيسي

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

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

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

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

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

مثال على استخدام قاعدة @ الخط الوجه في ملف كس:

@الخط الوجه {

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

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

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

الخط الوزن: 400;

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

}

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

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

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

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

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

@الخط الوجه {

  1. الخط الأسرة: "يورفونتنام";
سرك: ورل("الخطوط/يورفونتفيلنام.تف") شكل ("تروتايب");

}

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

أضف النمط الذي سيتم تطبيق الخط به على العناصر المطلوبة على موقعك. على سبيل المثال:

ح1 {

الخط الأسرة: "يورفونتنام" ، بلا الرقيق;

}