10 الخطوط الشعبية في المغلق: الخيار الأفضل لموقع الويب الخاص بك

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

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

2. تايمز نيو رومان: تايمز نيو رومان هو خط كلاسيكي يستخدم بشكل شائع للمستندات المطبوعة. انه امر رائع للمواقع الأكاديمية وخطيرة.

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

4. جورجيا: جورجيا هي خط يستخدم غالبا للعناوين والعناوين الفرعية على مواقع الويب. لديها نظرة أنيقة وتبدو جيدة على أحجام كبيرة.

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

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

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

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

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

9. بالاتينو: بالاتينو هو خط مثالي لمواقع الويب ذات التحيز الفني أو الجمالي. لديها نظرة مذهلة وتبدو أنيقة على الصفحة.

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

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

1. روبوتو
2. مونتسيرات
3. الجمعة بلا
4. أوزوالد
5. لاتو

روبوتو

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

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

نموذج رمز المغلق لتوصيل الخط الروبوت:

@استيراد رابط ('https://fonts.googleapis.com/css2?family=Roboto:wght@400; 700 & عرض = مبادلة');

الجسم {

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

}

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

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

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

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

مزايا خط مونتسيرات:

أسلوب عصري وحديث.

قراءة جيدة.

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

سهولة القراءة

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

دعم لغات مختلفة

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

رخصة مجانية

يتم توزيع الخط بلا حزب العمال مجانا ويمكن استخدامها على أي موقع دون قيود.

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

@ استيراد url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

أو

<url>.المغلق');

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

الخط الأسرة: 'حزب العمال بلا' ، بلا الرقيق;

• هنا مثال على قاعدة كس التي تستخدم الخط بت بلا:
• الجسم {
• الخط الأسرة: 'حزب العمال بلا' ، بلا الرقيق;

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

}

ح1 {

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

}

ص {

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

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

أوزوالد