يلعب ارتفاع الأحرف الصغيرة للخط دورا مهما في تصميم النص. بمعرفة هذه المعلمة ، يمكنك التحكم بدقة في تباعد الأسطر وإنشاء نص قابل للقراءة وممتع من الناحية الجمالية. في هذه المقالة ، سننظر في كيفية تحديد ارتفاع الأحرف الصغيرة للخط وكيف يمكن أن يؤثر ذلك على الإدراك البصري للنص.
تتمثل إحدى الطرق الرئيسية لتحديد ارتفاع الأحرف الصغيرة في استخدام وحدة القياس "ارتفاع الخط". يحدد المسافة بين خط الأساس لخط واحد وخط الأساس للخط التالي. يمكنك تعيين قيمة "ارتفاع الخط" بالبكسل أو كنسبة مئوية من ارتفاع الخط. ولكن كن حذرا - الكثير من قيمة" خط الارتفاع " يمكن أن يسبب تمتد غير طبيعي من النص ، وقيمة صغيرة جدا يمكن أن تجعل من كثيفة جدا ويصعب قراءتها.
بالإضافة إلى ذلك ، يمكن تحديد ارتفاع الأحرف الصغيرة باستخدام جدول أحرف الخط. في بعض الخطوط ، على وجه الخصوص ، في الخطوط أحادية اللون ، يكون ارتفاع جميع الأحرف هو نفسه. ومع ذلك ، في معظم الخطوط ، قد يختلف ارتفاع الحروف ، وقد يؤثر ذلك على الإدراك البصري للنص. عند تحديد ارتفاع الأحرف الصغيرة باستخدام جدول الرموز ، من الضروري مراعاة عناصر الخط المختلفة مثل الأحرف الكبيرة والأحرف المنخفضة والقصاصات العلوية والسفلية.
من المهم أن تتذكر أن تحديد ارتفاع الأحرف الصغيرة للخط هو جانب مهم من تصميم النص. يمكن أن يؤثر على قابلية القراءة والإدراك الجمالي للنص. عند اختيار الخط وتحديد معلماته ، لا تنس أن تأخذ في الاعتبار ارتفاع الأحرف الصغيرة.
- كيفية معرفة ارتفاع الأحرف الصغيرة من الخط: وصف مفصل
- باستخدام كس
- باستخدام جافا سكريبت
- ما الذي يحدد ارتفاع الأحرف الصغيرة من الخط?
- كيف يمكنني قياس ارتفاع الأحرف الصغيرة من الخط?
كيفية معرفة ارتفاع الأحرف الصغيرة من الخط: وصف مفصل
يمكنك استخدام كس وجافا سكريبت لتحديد ارتفاع الأحرف الصغيرة من الخط.
باستخدام كس
1. قم بتعيين الخط المطلوب للعنصر الذي يحتوي على النص باستخدام خاصية عائلة الخط:
الخط الأسرة: أريال ، بلا الرقيق;
2. قم بتعيين حجم الخط باستخدام خاصية حجم الخط:
حجم الخط: 16 بكسل;
3. اضبط الهامش الخارجي على صفر للعنصر:
الهامش: 0;
4. تحديد ارتفاع الأحرف الصغيرة من الخط باستخدام ارتفاع الخط:
خط الارتفاع: 1.5 الملكية;
في هذا المثال ، تعني القيمة 1.5 أن ارتفاع الأحرف الصغيرة للخط سيكون 1.5 ضعف حجم الخط. إذا كنت تريد تعيين ارتفاع ثابت ، يمكنك استخدام وحدات البكسل:
ارتفاع الخط: 24 بكسل;
باستخدام جافا سكريبت
إذا كنت ترغب في تحديد ارتفاع الأحرف الصغيرة للخط ديناميكيا ، على سبيل المثال ، لمزيد من استخدام هذه المعلومات في البرنامج ، يمكنك استخدام جافا سكريبت.
1. إنشاء عنصر مع النص وتحديد الخط المطلوب والحجم لذلك:
مرحبا ، العالم!
2. في جافا سكريبت ، احصل على رابط للعنصر وحدد ارتفاعه:
كونست تكستليمنت = وثيقة.اختيار الاستعلام ('#نص');كونست لين هايت = تيكستليمنت.كلينثيت;
الآن يحتوي متغير لينيهايت على ارتفاع الأحرف الصغيرة لخط العنصر.
بمجرد معرفة ارتفاع الأحرف الصغيرة للخط ، يمكنك استخدام هذه المعلومات لإنشاء مشاريع ذات تباعد أسطر مضبوط جيدا ، وكذلك لإنشاء تصميم موقع ويب خاص.
ما الذي يحدد ارتفاع الأحرف الصغيرة من الخط?
يتم تحديد ارتفاع الأحرف الصغيرة للخط من خلال عدة عوامل:
- حجم الخط: كلما كان حجم الخط أكبر ، كلما كانت الأحرف الصغيرة أعلى.
- موضع خط الأساس: يحدد خط الأساس الذي تستند إليه جميع الأحرف الصغيرة ارتفاعها. إذا كان خط الأساس أقل ، فستكون الأحرف الصغيرة أعلى ، وإذا كانت أعلى ، فستكون أقل.
- تصميم الخط: قد تحتوي بعض الخطوط على ميزات في تصميم الأحرف الصغيرة قد تؤثر على ارتفاعها. على سبيل المثال ، قد يكون للخطوط ذات الأجزاء المعلقة (الرقيق) أو أنماط مختلفة من الأحرف الصغيرة (مائل) ارتفاع مختلف مقارنة بالأحرف الصغيرة العادية.
يعد ارتفاع الأحرف الصغيرة للخط مهما عند إنشاء تصميم النص ، خاصة في الطباعة وتصميم الويب. إنه يؤثر على إدراك القارئ للنص ، فضلا عن سهولة قراءته وفهمه. لذلك ، عند اختيار الخط وضبط معلماته ، من المهم مراعاة ارتفاع الأحرف الصغيرة وعلاقتها بعناصر التصميم الأخرى.
كيف يمكنني قياس ارتفاع الأحرف الصغيرة من الخط?
يمكن قياس ارتفاع الأحرف الصغيرة من الخط باستخدام خاصية ارتفاع خط المغلق. تحدد هذه الخاصية ارتفاع كل سطر من النص وتحدد كيفية وضع الحروف والعناصر الأخرى داخل السطر.
يمكن تعيين قيمة خاصية ارتفاع الخط بالبكسل والنسب المئوية والقيم النسبية (على سبيل المثال ، إم أو ريم) ووحدات القياس الأخرى. يمكن تحديده كقيمة ثابتة أو كقيمة نسبية فيما يتعلق بحجم الخط.
لقياس ارتفاع الأحرف الصغيرة من الخط ، يمكنك استخدام أدوات مطور المتصفح. على سبيل المثال ، في كروم ، في قائمة المطور ، يمكنك تحديد أداة "التحقق من العنصر" والنقر على النص المطلوب لرؤية خصائصه ، بما في ذلك قيمة ارتفاع الخط.
يمكنك أيضا إنشاء ملف هتمل بسيط مع النص الخاص بك وإضافة الأنماط التي تحدد قيمة ارتفاع الخط. ثم افتح هذا الملف في متصفح وقم بقياس ارتفاع الخط باستخدام مسطرة أو أداة أخرى مناسبة.
من المهم ملاحظة أنه يمكن توريث قيمة ارتفاع الخط من العنصر الأصل. إذا كنت تريد قياس ارتفاع الأحرف الصغيرة لعنصر معين ، فتأكد من أن القيمة المحددة تنطبق فقط على هذا العنصر ، وليس على النص بأكمله في الصفحة.
يمكن أن يكون قياس ارتفاع الأحرف الصغيرة في الخط مفيدا لمطوري الويب الذين يرغبون في إنشاء محتوى ثابت وقابل للقراءة. بمعرفة ارتفاع الأحرف الصغيرة ، يمكنك تحقيق تباعد متساو بين السطور وقراءة أفضل للنص.