عندما نتحدث عن الخطوط ، فإننا نعني عادة المعلمات الأساسية مثل نوع الخط وحجمه ونمطه ، ولكن هناك معلمات إضافية تلعب دورا مهما بنفس القدر. فهي تساعد على تحسين قابلية القراءة والإدراك البصري للنص ، وإضافة عنصر جمالي وجعل النص أكثر تعبيرا.
إحدى هذه المعلمات هي تباعد الحروف ، والذي يتحكم في المسافة بين الأحرف في الكلمات والجمل. تتيح لك هذه المعلمة اختيار المسافة المثلى بين الأحرف ، والقضاء على تقاطعاتها وزيادة إمكانية قراءة النص. يمكن أن تجعل المسافة الكبيرة بين الحروف من الصعب قراءتها ، في حين أن المسافة الصغيرة جدا يمكن أن تجعل النص غير مقروء.
معلمة إضافية مهمة أخرى هي تباعد الأسطر ، والذي يحدد المسافة بين الأسطر في النص. تتيح لك هذه المعلمة زيادة إمكانية القراءة وسهولة القراءة ، نظرا لأن تباعد الأسطر المحدد بشكل صحيح يجعل النص أكثر تهوية ويسمح للعيون بالانزلاق بسهولة أكبر فوق الخطوط. مزايا اختيار تباعد الأسطر الصحيح واضحة: يصبح النص أكثر جاذبية ويسهل إدراكه.
تجدر الإشارة إلى أن معلمات الخط الإضافية ، على الرغم من أنها ليست ملحوظة ومناقشتها مثل المعلمات الرئيسية ، تلعب دورا كبيرا في إنشاء محتوى مرئي عالي الجودة. فهي تساعد على جعل النص أكثر قابلية للقراءة وممتعة للإدراك والتعبير. تتيح لك المعرفة الواثقة بهذه المعلمات إنشاء تركيبات خطوط أكثر احترافية وعالية الجودة.
- أهمية المعلمات الإضافية
- المعلمة "حجم الخط"
- هو حجم الخط بالبكسل
- حجم الخط النسبي
أهمية المعلمات الإضافية
تلعب معلمات الخط الإضافية دورا مهما في تحديد مظهرها وسلوكها على صفحة الويب.
أحد هذه المعلمات هو ارتفاع الخط (ارتفاع الخط). يحدد المسافة بين سطور النص ويؤثر على قابلية القراءة والإدراك البصري للمحتوى. إذا كان ارتفاع الخط صغيرا جدا ، فقد يبدو النص مضغوطا جدا ويصعب قراءته. إذا كان النص كبيرا جدا ، فقد يشغل مساحة أكبر على الصفحة ، مما قد يتسبب في التمرير ويجعل من الصعب قراءته.
معلمة مهمة أخرى هي لون الخط. يسمح لك بتعيين لون النص وإنشاء تباين مع خلفية الصفحة. يمكن أن يجعل لون الخط المختار جيدا النص أكثر وضوحا وجاذبية للقراءة. يمكن أن يؤدي لون الخط غير المتباين إلى صعوبة القراءة وإرهاق العين.
يجدر أيضا الانتباه إلى معلمة الخط-السمنة (وزن الخط). يسمح لك بتعيين سمك الخط وإبراز العناصر أو العناوين الرئيسية على الصفحة. يمكن أن يساعد الخط الغامق المستخدم في التنقل في الصفحة بشكل أسرع والعثور على المعلومات التي يحتاجها.
بالإضافة إلى المعلمات المذكورة أعلاه ، هناك معلمات خط إضافية أخرى ، مثل حجم الخط ونمط الخط وغيرها. إنها تسمح لك بتخصيص مظهر النص بمرونة أكبر وإنشاء محتوى أنيق وقابل للقراءة على صفحة الويب.
المعلمة "حجم الخط"
تتضمن معلمة "حجم الخط" إعدادات حجم الخط. يسمح لك بتعيين حجم الخط لمحتوى النص في صفحة الويب.
يمكن تعيين قيمة معلمة "حجم الخط" في وحدات قياس مختلفة ، مثل وحدات البكسل (بكسل) والنسب المئوية ( ٪ ) والنسبة المئوية وغيرها. وحدات البكسل هي وحدة القياس الأكثر شيوعا لحجم الخط.
من خلال تعيين قيمة معلمة "حجم الخط" ، يمكنك تعيين حجم الخط بالنسبة لحجم الخط الأساسي للمستند أو العناصر الأخرى. على سبيل المثال ، سيؤدي تعيين القيمة "1.2 م" إلى زيادة حجم الخط بنسبة 20 ٪ بالنسبة إلى الحجم الأساسي.
بالإضافة إلى ذلك ، يمكنك تعيين حجم الخط بالنسبة لحجم إطار العرض باستخدام النسب المئوية. على سبيل المثال ، ستؤدي قيمة "150 ٪" إلى زيادة حجم الخط بنسبة 50 ٪ بالنسبة إلى حجم إطار العرض.
يمكن أيضا تكوين معلمة " حجم الخط "باستخدام كلمات رئيسية مثل" صغير "و" متوسط "و"كبير". تحدد هذه الكلمات الرئيسية حجم خط محدد مسبقا ، والذي قد يختلف اعتمادا على المتصفح.
يعد استخدام حجم الخط الصحيح أمرا مهما لإنشاء محتوى سهل الاستخدام وقابل للقراءة على صفحات الويب. من خلال اختيار حجم الخط المناسب ، يمكنك ضمان سهولة إدراك النص وتحسين تجربة المستخدم.
حجم الخط بالبكسل
يسمح لك حجم الخط بالبكسل بالتحكم بدقة في مظهره ويضمن حجما ثابتا بغض النظر عن إعدادات المستخدم أو الجهاز الذي يتم عرض صفحة الويب عليه.
لتعيين حجم الخط بالبكسل في كس ، يمكنك استخدام بناء الجملة التالي:
محدد {
حجم الخط: نكس;
}
هنا ن هو رقم يشير إلى حجم الخط المطلوب بالبكسل.
مثال الاستخدام:
ص {
حجم الخط: 14 بكسل;
}
سيتم عرضه بحجم خط 14 بكسل.
عند استخدام حجم الخط بالبكسل ، من المهم مراعاة الاختلافات في حجم شاشات الجهاز لضمان سهولة قراءة النص على جميع الأجهزة. يوصى باستخدام وحدات القياس النسبية ، مثل النسب المئوية أو م ، لمزيد من المرونة.
ومع ذلك ، يمكن أن يكون استخدام حجم الخط بالبكسل مفيدا في بعض الحالات التي يكون فيها حجم الخط الدقيق مهما لتحقيق تصميم أو زخرفة معينة.
حجم الخط النسبي
في كس ، فمن الممكن لضبط حجم النص باستخدام القيم النسبية ، وهذا يسمح لك لإنشاء صفحة ويب مرنة والتكيف. لنلق نظرة على وحدات القياس النسبية الأساسية:
- م هي وحدة تشير إلى حجم خط العنصر الأصل. إذا كان حجم العنصر الأصل هو 16 بكسل ، فإن 1 م سيتوافق مع 16 بكسل. وإذا تم تعيين حجم الخط بالنسبة إلى عنصر آخر ، فسيعتمد حجمه على هذا العنصر.
- حركة العين السريعة هي وحدة تشير إلى حجم خط عنصر الجذر. عادة ما يكون حجم خط عنصر الجذر 16 بكسل ، لذا فإن 1 ريم يتوافق مع 16 بكسل. ولكن إذا تغير حجم خط عنصر الجذر ، فستتكيف جميع القيم المحددة في الريم تلقائيا مع القيمة الجديدة.
- ٪ هي وحدة تشير إلى حجم خط العنصر الأصل. 1٪ سيكون 1/100 من حجم خط العنصر الأصل.
باستخدام القيم النسبية ، يمكنك إنشاء خطوط مرنة تتكيف بسهولة مع أحجام الشاشة المختلفة وتغيير حجم خط العناصر الأصلية. هذا يساعد على تحسين سهولة قراءة النص والحفاظ على نمط موحد في جميع أنحاء صفحة الويب.