كيفية تثبيت خط كس معين: دليل مفصل

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

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

الخطوة 1: قم بتنزيل الخط

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

ملاحظة: تأكد من أن لديك الحق في استخدام الخط المحدد في مشروعك.

1. اختيار خط معين في كس: تعليمات التثبيت
2. الخطوة 1: توصيل خط معين بموقع ويب
3. الخطوة 2: تحديد الخط لعناصر الصفحة
4. الخطوة 3: التحقق من عرض خط معين على موقع الويب

اختيار خط معين في كس: تعليمات التثبيت

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

فيما يلي خطوات تعيين خط معين في كس:

1. الخط الأسرة: "موشريفت";

2. سرك: ورل ("ميفونت.ووف 2") شكل ("ووف 2"),

   عنوان ورل ("ميفونت.وف") شكل ("وف");

   }

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

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

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

:

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

في هذا المثال ، نستخدم الخاصية

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

بعد توصيل الخط ، يمكنك استخدامه في قواعد كس من خلال تطبيقه على العناصر المطلوبة باستخدام الخاصية

الخط الأسرة

. على سبيل المثال:

الجسم {

• الخط الأسرة: 'اسم الخط' ، بلا الرقيق;
• }
• في هذا المثال ، نقوم بتطبيق خط على عنصر
• واستخدام القيمة
• بلا الرقيق

كقاعدة عامة ، يحدد مطورو الويب الخط للعناصر التالية:

العناوين الرئيسية: عادة ، يضيف استخدام الأحرف الكبيرة (الأحرف الكبيرة) صرامة وتشبعا للعناصر ، ويمنحها الخط المائل (المائل) تعبيرا إضافيا.

القائمة: يجب أن يكون الخط المحدد سهل القراءة ويتناسب مع التصميم العام للصفحة.

الأزرار: يجب أن يكون خط الأزرار مقروءا وجذابا.

لتحديد الخط لعناصر معينة ، تحتاج إلى استخدام محددات كس بعد تعريف الخاصية

الخط الأسرة

. على سبيل المثال ، لجميع الرؤوس ، يمكنك استخدام المحدد

ح1 ، ح2 ، ح3 ، ح4 ، ح5 ، ح6

، ثم قم بتطبيق خاصية الخط عليها.

هنا مثال على التعليمات البرمجية التي تحدد الخط للعناوين:

ح1 ، ح2 ، ح3 ، ح4 ، ح5 ، ح6 {