في عالم تصميم الويب ، يلعب حجم الخط دورا مهما في إنشاء محتوى ممتع من الناحية الجمالية وقابل للقراءة. قد يكون تحديد حجم الخط الصحيح مهمة صعبة ، خاصة للمبتدئين. لكن لا تقلق! في هذه المقالة ، سنلقي نظرة على الإرشادات والأمثلة التي ستساعدك على تحديد حجم الخط على موقع الويب الخاص بك.
يعد الخط عنصرا مهما في تصميم الويب يمكن استخدامه لتسليط الضوء على الكلمات الرئيسية والعبارات ، وإنشاء تسلسل هرمي للعناوين والنصوص ، والتأثير على الإدراك العاطفي للرسالة. وبالتالي ، فإن اختيار حجم الخط الصحيح له أهمية كبيرة بحيث يكون المحتوى الخاص بك مفهوما ومقروءا.
طريقة واحدة لتحديد حجم الخط في كس هو استخدام القيم المطلقة مثل بكسل أو نقاط. بدلا من ذلك ، يوصى باستخدام القيم النسبية مثل النسب المئوية أو وحدات القياس القابلة للتطوير. على سبيل المثال ، يمكنك تعيين حجم خط أساسي للمستند بأكمله ثم تحديد الحجم النسبي لكل عنصر باستخدام قواعد كس.
على سبيل المثال ، إذا تم تعيين حجم الخط الأساسي على 16 بكسل ، فيمكنك تعيين حجم الخط للعناوين على 150 ٪ من القيمة الأساسية ، والنص العادي إلى 100٪. وبالتالي ، سيتم قياس الخط اعتمادا على القيمة الأساسية.
ضع في اعتبارك أيضا أن الخطوط المختلفة لها أحجام افتراضية مختلفة ، لذلك قد تبدو نفس قيمة حجم الخط مختلفة بالنسبة للخطوط المختلفة. لذلك ، من الأفضل اختيار ليس فقط قيمة حجم الخط ، ولكن أيضا الخط نفسه ، من أجل تحقيق التأثير المرئي المتوقع.
- العوامل التي تؤثر على حجم الخط
- وحدات الخط
- كيفية تعيين حجم الخط في هتمل
العوامل التي تؤثر على حجم الخط
يمكن تحديد حجم الخط بتنسيق نصي ، بما في ذلك هتمل ، بعدة عوامل:
- القيم النسبية: يمكن تعيين الخط باستخدام القيم النسبية مثل النسب المئوية أو م ، والتي تحدد حجم الخط بالنسبة إلى الأصل.
- القيم المطلقة: يمكن تحديد حجم الخط باستخدام القيم المطلقة مثل وحدات البكسل (بكسل) أو النقاط (نقطة). تحدد هذه القيم حجم خط معين لا يعتمد على العنصر الأصل.
- استعلامات الوسائط: باستخدام استعلامات الوسائط ، يمكنك تغيير حجم الخط اعتمادا على معلمات مختلفة مثل حجم الشاشة أو اتجاه الجهاز أو كثافة البكسل.
- إعدادات المتصفح: يمكن أيضا تعيين حجم الخط في إعدادات المتصفح ، وسيتم عرض صفحات الويب بناء على هذه الإعدادات.
بالإضافة إلى ذلك ، يمكن تعيين حجم الخط باستخدام خصائص كس مثل حجم الخط وارتفاع الخط وما إلى ذلك. ولكن لتحديد حجم الخط نفسه ، من الأفضل استخدام هذه العوامل.
وحدات الخط
عند تحديد حجم الخط في كس ، يمكنك استخدام وحدات قياس مختلفة تسمح لك بتعيين قيمتها المطلقة أو النسبية.
فيما يلي بعض وحدات الخطوط الأكثر شيوعا:
- بكسل (بكسل) هي وحدة قياس مطلقة تحدد حجم الخط بالبكسل. بكسل واحد يتوافق عادة مع مربع نقطة واحدة على الشاشة.
- النسب المئوية ( ٪ ) هي وحدة قياس نسبية تحدد حجم الخط كنسبة مئوية من حجم الخط الافتراضي في العنصر الأصل أو في عنصر هتمل الجذر.
- وحدات الطول النسبي (إم ، ريم) هي وحدات قياس نسبية تحدد حجم الخط بالنسبة لحجم الخط في العنصر الأصل (إم) أو حجم الخط في عنصر هتمل الجذر (ريم).
- وحدات العرض النسبي (فو ، ف، فمين ، فماكس) هي وحدات القياس النسبية التي تحدد حجم الخط بالنسبة للعرض (فو) ، الارتفاع (ف) ، البعد الأدنى (فمين) أو البعد الأقصى (فماكس) من منفذ العرض.
يعتمد اختيار وحدة الخط المناسبة على الأغراض وشروط الاستخدام المحددة. تتيح لك معرفة وحدات القياس المختلفة التحكم بمرونة في حجم النص وإنشاء صفحات ويب تكيفية.
كيفية تعيين حجم الخط في هتمل
في هتمل ، يمكن تعيين حجم الخط باستخدام سمات وعلامات خاصة.
أسهل طريقة لتعيين حجم الخط هي استخدام علامة. داخل هذه العلامة ، يمكنك تعيين سمة الحجم بقيمة من 1 إلى 7 ، حيث 1 هو أصغر خط و 7 هو الأكبر. على سبيل المثال:
سيكون هذا النص متوسط حجم الخط