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