كيفية استخدام كس لإنشاء خطوط فريدة

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

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

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

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

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

1. استخدام المغلق لنمط الخطوط
2. كيفية تغيير حجم الخط ونوعه باستخدام كس
3. إنشاء نمط خط فريد باستخدام خاصية عائلة الخط
4. تغيير نمط الخط باستخدام خاصية نمط الخط
5. إنشاء تأثيرات نصية باستخدام خاصية زخرفة النص

استخدام المغلق لنمط الخطوط

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

مثال على استخدام كس لنمط الخطوط:

"'المغلق

ص {

الخط الأسرة: أريال ، بلا الرقيق;

حجم الخط: 18 بكسل;

وزن الخط: غامق;

اللون: # 333333;

}

ح1 {

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

حجم الخط: 24 بكسل;

الخط الوزن: عادي;

اللون: # 0000;

زخرفة النص: تسطير;

}

ح2 {

الخط الأسرة: فيردانا ، جنيف ، بلا الرقيق;

حجم الخط: 20 بكسل;

نمط الخط: مائل;

اللون: #000000;

تحويل النص: أحرف كبيرة;

}

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

كيفية تغيير حجم الخط ونوعه باستخدام كس

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

لتغيير حجم الخط ، يمكنك استخدام خاصية" حجم الخط". تتيح لك هذه الخاصية تحديد حجم الخط المطلوب بالبكسل أو النسب المئوية أو وحدات القياس الأخرى.

مثال على استخدام خاصية "حجم الخط" في كس:

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

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

مثال على استخدام خاصية "عائلة الخط" في كس:

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

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

إنشاء نمط خط فريد باستخدام خاصية عائلة الخط

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

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

مثال على استخدام خاصية عائلة الخط:

الجسم {

الخط الأسرة: أريال ، بلا الرقيق;

}

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

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

مثال على استخدام ملف خط خارجي:

• @الخط الوجه {
• الخط الأسرة: 'ميونيكيفونت';

سرك: ورل('مسار/إلى/ميفونت.ووف 2') شكل ('ووف 2'),

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

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

لا تنس تحديد الخطوط الاحتياطية لضمان تعدد استخدامات عرض النص على الأجهزة وأنظمة التشغيل المختلفة.

• باستخدام خاصية عائلة الخط في كس ، يمكنك إنشاء نمط خط فريد من شأنه تسليط الضوء على موقعك ومساعدته على التميز عن الآخرين.
• تغيير نمط الخط باستخدام خاصية نمط الخط

تتيح لك خاصية نمط الخط تغيير مخطط الخط ، مما يجعله مائلا أو مائلا. لها ثلاثة معاني محتملة:

• عادي-يحدد نمط الخط العادي;
• مائل-يجعل الخط مائلا إذا كان هذا النمط مدعوما بالخط;

مائل-يجعل الخط مائلا ، حتى إذا كان النمط المائل غير مدعوم.

• مثال على استخدام خاصية نمط الخط:
• ص {

نمط الخط: مائل;

• }

نتيجة لهذا الرمز ، جميع الفقرات (