لقد أدرك مطورو ومصممو الويب منذ فترة طويلة أن اختيار الخط يلعب دورا كبيرا في إنشاء تصميم فريد لا ينسى. يمكن أن يؤدي استخدام الخطوط الصحيحة إلى تحسين انطباع الموقع بشكل كبير والتأثير على إدراكه البصري.
يمكن تمكين الخطوط في كس باستخدام قاعدة @الخط الوجه ، والذي يسمح لك لتحميل واستخدام أي الخطوط على صفحة ويب. ومع ذلك ، لا يمكن استخدام جميع الخطوط في كس بسبب قيود حقوق النشر والترخيص. فيما يلي قائمة كاملة بالخطوط التي يمكن تضمينها في كس دون قيود.
أريال ، فيردانا ، جورجيا و تاهوما الخطوط هي خطوط ويندوز ، وبالتالي ، متوفرة على جميع أجهزة ويندوز. أنها توفر مظهر النص أنيقة وحديثة ، وقد وضعت نفسها منذ فترة طويلة كخيار موثوق لتصميم مواقع الإنترنت.
خط آخر شعبية التي يمكن أيضا أن تكون موصولة كس دون قيود هي هلفتيكا. هذا هو الخط القياسي في ماكنتوش وكان في الجزء العلوي من الخطوط الشعبية لسنوات عديدة. هلفتيكا لديه أسلوب موجزة وحديثة ، وهو الخيار الأمثل لتصميم أضيق الحدود وأنيقة.
بالإضافة إلى ذلك ، فإن تايمز نيو رومان وساعي المحارف الجديدة هي كلاسيكيات في عالم تصميم الويب. يتوفر كلا الخطين على معظم الأنظمة الأساسية والأجهزة ولهما أسلوب يمكن التعرف عليه وسهل القراءة.
هذه ليست سوى بعض الخطوط التي يمكن استخدامها في كس دون مشاكل. ومع ذلك ، من المهم أن تتذكر أن اختيار الخط يعتمد على الغرض والغرض من المشروع ، وكذلك على الجمهور المستهدف المتوقع.
- خطوط الويب
- الخطوط مع ترميز النظام
- الخطوط التي تدعم يونيكود
- الخطوط أحادية المسافة
- الخطوط مع دعم لغات مختلفة
- الخطوط الهندسية
- الخطوط المكتوبة بخط اليد
- الخطوط الزخرفية
خطوط الويب
قبل استخدام خطوط الويب على صفحة ويب ، يجب أن تكون متصلا عبر كس.
في كس الحديثة ، هناك عدة طرق لربط خطوط الويب:
- باستخدام قاعدة @الخط الوجه ، والذي يسمح لك لتحديد خط مخصص.
- استخدام خدمات خاصة مثل خطوط جوجل أو خطوط أدوبي ، والتي توفر خطوطا للاتصال.
- استخدام أطر كس التي توفر مجموعات الخطوط للاستخدام دون الحاجة إلى توصيل ملفات إضافية.
ربط الخطوط على شبكة الإنترنت عبر @الخط وجه يتطلب الخط نفسه في تروتايب (.تف) ، أوبن (.أوتف) ، تنسيق الخط المفتوح على شبكة الإنترنت (.وف) الأشكال ، وكذلك في الملفات مع التمديد.محكمة تكافؤ الفرص, .سفغ و .2.
توفر جوجل الخطوط والخدمات أدوبي الخطوط مجموعة واسعة من الخطوط على شبكة الإنترنت المجانية والمدفوعة للاتصال صفحات الويب. أنها توفر رموز متخصصة لربط الخطوط من خوادم الخدمة.
أطر كس مثل بوتستراب ، الأساس ، واجهة المستخدم الدلالي تشمل مجموعات الخطوط التي يمكن استخدامها دون الحاجة إلى توصيل ملفات إضافية. لاستخدام هذه الخطوط ، يكفي توصيل ملف كس المقابل للإطار.
الخطوط مع ترميز النظام
فيما يلي بعض الأمثلة على خطوط النظام:
- بلا الرقيق هي الخطوط بلا الرقيق. بعض خطوط النظام الأكثر شعبية في هذه الفئة تشمل أريال ، هلفتيكا ، فيردانا ، و تاهوما.
- الخطوط الرقيق هي الخطوط الرقيق في نهايات الحروف. تشمل بعض خطوط النظام الأكثر شهرة في فئة الرقيق تايمز نيو رومان وجورجيا وبودوني.
- الخطوط أحادية المسافة هي خطوط يكون فيها لجميع الأحرف نفس العرض. غالبا ما يتم استخدامها لعرض التعليمات البرمجية أو البيانات النصية. تتضمن بعض خطوط النظام أحادية المسافة الشائعة ساعي جديد, كونسولاسو و لوسيدا وحدة التحكم.
- الخطوط المتصلة هي خطوط تحاكي الكتابة المكتوبة بخط اليد. تتضمن بعض خطوط النظام المعروفة في الفئة المائلة رسوما هزلية بدون مللي ثانية ونص فرشاة.
- الخيال هي خطوط رائعة لها مظهر فريد وغير عادي. على الرغم من أنها نادرا ما تستخدم للنص الأساسي ، إلا أنها يمكن أن تكون اختيارا جيدا للعناوين أو عناصر التمييز. تتضمن أمثلة خطوط النظام الخيالية التأثير والمبرد.
. على سبيل المثال ، لاستخدام الخط أريال بلا الرقيق ، يمكنك إضافة التعليمات البرمجية التالية إلى المغلق الخاص بك:
الخط الأسرة: أريال ، بلا الرقيق;
وهذا يعني أن المتصفح سيحاول أولا لعرض النص في الخط أريال ، وإذا كان هذا الخط غير متوفر ، فإنه سيتم استخدام أي خط بلا الرقيق الأخرى المتاحة.
يتيح لك استخدام خطوط النظام تحقيق قابلية قراءة جيدة وتوافق مع مختلف الأجهزة وأنظمة التشغيل.
الخطوط التي تدعم يونيكود
- أريال يونيكود مس
- ديجافو بلا
- نوتو بلا
- سيجو أوي
- روبوتو
- الروبوت بلا
- أوبونتو
تسمح لك هذه الخطوط بعرض الأحرف من أنظمة الكتابة المختلفة ، بما في ذلك الأبجدية السيريلية واللاتينية واليونانية والأحرف الصينية واليابانية والعبرية العربية وغيرها الكثير.
الخطوط أحادية المسافة
- أندالي مونو
- ساعي جديد
- كونسولاس
- ديجافو بلا مونو
- لوسيدا وحدة التحكم
- موناكو
- روبوتو مونو
- شفرة المصدر برو
- أوبونتو مونو
الخطوط أحادية المسافة ، والمعروفة أيضا باسم الخطوط الثابتة ، لها نفس العرض لكل حرف. وهي مفيدة لعرض شفرة المصدر والبيانات النصية الأخرى حيث يجب الحفاظ على المحاذاة والتنسيق. من خلال ربط أحد هذه الخطوط إلى كس ، يمكنك إضافة نمط فريد وسهولة القراءة لعناصر النص الخاص بك.
الخطوط مع دعم لغات مختلفة
من المهم لمطوري الويب والمصممين تزويد المستخدم بواجهة سهلة الاستخدام وبديهية ، بما في ذلك العرض الصحيح للنص بلغات مختلفة. للقيام بذلك ، تحتاج إلى استخدام الخطوط التي تدعم ليس فقط الأبجدية اللاتينية ، ولكن أيضا الحروف الهجائية الأخرى.
وفيما يلي قائمة من الخطوط التي توفر عرض لغات مختلفة:
- أريال-يدعم اللاتينية ، السيريلية وغيرها من الحروف الهجائية;
- روبوتو-التي وضعتها جوجل ، ويدعم عدد كبير من اللغات;
- نوتو بلا-التي أنشأتها جوجل ، ويغطي معظم اللغات المستخدمة في العالم;
- الروبوت بلا-مصممة للأجهزة النقالة ، ويدعم مجموعة متنوعة من اللغات;
- فتح بلا-يشمل اللاتينية واليونانية والسيريلية;
- لاتو هو الخط مع دعم للعديد من اللغات ، وتستخدم من قبل مطوري الويب;
- سيجو أوي-وضعت من قبل مايكروسوفت ، ويوفر الدعم لمختلف اللغات ، بما في ذلك السيريلية;
- هلفتيكا هو الخط الكلاسيكي الذي يدعم العديد من الحروف الهجائية;
- تايمز نيو رومان هو خط قياسي يدعم العديد من اللغات;
- جاراموند هو خط جميل ومتعدد الاستخدامات مناسب للغات مختلفة.
هذه ليست سوى بعض الأمثلة على الخطوط التي توفر الدعم للغات مختلفة. عند اختيار خط ، يجب أن تأخذ في الاعتبار اللغات التي سيتم عرضها على موقع الويب وتحديد الخطوط المناسبة لضمان أفضل عرض للنص.
الخطوط الهندسية
يمكن لمطوري الويب استخدام الخطوط الهندسية لإنشاء تصميمات مواقع حديثة وأنيقة. فيما يلي بعض الخطوط الهندسية الشائعة التي يمكن توصيلها باستخدام كس:
| الخط | مثال |
|---|---|
| مونتسيرات | الخط الأسرة: 'مونتسيرات' ، بلا الرقيق; |
| روبوتو | الخط الأسرة: 'روبوتو' ، بلا الرقيق; |
| راليواي | الخط الأسرة: 'راليواي' ، بلا الرقيق; |
| فتح بلا | الخط الأسرة: 'فتح بلا' ، بلا الرقيق; |
| المصدر بلا برو | الخط الأسرة: 'مصدر بلا برو' ، بلا الرقيق; |
.
Рукописные шрифты
— Brush Script MT
— Segoe Script
— Mistral
— Vivaldi
— Distracted Musician
— Papyrus
— Comic Sans MS
— Lucida Handwriting
— Snell Roundhand
| Название шрифта | Пример текста |
|---|---|
| Brush Script MT | Пример текста |
| Segoe Script | Пример текста |
| Mistral | Пример текста |
| Vivaldi | Пример текста |
| Distracted Musician | Пример текста |
| Papyrus | Пример текста |
| Comic Sans MS | Пример текста |
| Lucida Handwriting | Пример текста |
| Snell Roundhand | نموذج النص |
الخطوط الزخرفية
فيما يلي بعض الخطوط الزخرفية الشائعة:
- عيد الميلاد هو الخط الذي يقلد أكاليل عيد الميلاد;
- شوبينسكريبت هو الخط الذي يقلد الكتابة اليدوية;
- باسيفيكو هو خط مع خطوط متموجة تشبه موجات الشاطئ;
- الزاهي هو الخط الذي يقلد النص شمبانيا;
- أماتيك سك هو الخط الذي يقلد الحروف الكبيرة المكتوبة بخط اليد;
- هزلية بلا مس هي واحدة من الخطوط الأكثر شهرة ، وغالبا ما تستخدم في ألعاب الكمبيوتر والكوميديا;
- جوكرمان هو خط بأحرف مضحكة ومزينة;
- ورق البردي هو خط يشبه النص المكتوب على ورق البردي;
- مونوتايب كورسيفا هو الخط الذي يقلد خط مكتوب بخط اليد مع مائل;
- رافي هو خط بأحرف كبيرة ومزينة.
يمكن أن تكون الخطوط الزخرفية إضافة جيدة لتصميم صفحة الويب الخاصة بك ، ولكن يجب أن يكون استخدامها محدودا واستخدامه بحذر حتى لا يضعف سهولة قراءة النص.
* هام: قد لا يتم تثبيت الخطوط الزخرفية على جهاز الكمبيوتر الخاص بالمستخدم ، لذلك قد يكون استخدامها غير متوقع. في هذه الحالة ، يجب عليك توفير خط احتياطي أو استخدام الصور لعرض النص.