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