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