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