إذا كنت منخرطا في تطوير الويب أو كنت مهتما فقط بموضوع الطباعة ، فمن المحتمل أنك مهتم بكيفية معرفة حجم الأحرف اعتمادا على رقم الخط. هذا مهم من أجل العمل بمرونة أكبر مع الخطوط وإنشاء تصميم متناغم.
بادئ ذي بدء ، تجدر الإشارة إلى أن حجم الحروف في الخطوط يقاس بالنقاط. النقطة هي وحدة قياس لحجم الحروف ، والتي تبلغ حوالي 1/72 من البوصة. لذلك إذا كنت تريد معرفة حجم الحروف بالبكسل ، فستحتاج إلى إجراء عملية حسابية صغيرة.
هناك صيغة لتحويل حجم الحروف من نقاط إلى بكسل: الحجم بالبكسل = الحجم بالنقاط * 4/3.
للراحة ، يمكنك استخدام جدول يوضح المراسلات بين أرقام الخطوط وأحجامها بالنقاط والبكسل. يتيح لك هذا الجدول تحديد حجم الحرف المناسب لتصميمك بسرعة.
- ندرس اعتماد حجم الحرف على رقم الخط
- تحديد حجم الحروف حسب رقم الخط
- تأثير رقم الخط على حجم الرسالة
- نصائح لاختيار حجم الحرف بناء على رقم الخط
ندرس اعتماد حجم الحرف على رقم الخط
يعتمد حجم الحروف في خطوط صفحة الويب على رقم الخط ، الذي تم تعيينه في قيمة سمة "حجم الخط" لعلامة كس. يتم تحديد رقم الخط بوحدات "بكسل" ويسمح لك بالتحكم في حجم النص على موقع الويب الخاص بك.
كلما كان رقم الخط أكبر ، كلما كان حجم النص أكبر. على سبيل المثال ، إذا قمت بتعيين القيمة "حجم الخط: 20 بكسل ؛" ، فستكون الأحرف أكبر من القيمة "حجم الخط: 14 بكسل؛". يرجى ملاحظة أن الخطوط المختلفة قد يكون لها كثافات بصرية مختلفة ، لذلك قد تبدو أرقام الخطوط نفسها في الخطوط المختلفة مختلفة.
في هتمل ، يمكنك تعيين حجم الخط باستخدام سمة "نمط" للعلامة. على سبيل المثال ، لتعيين حجم النص إلى 16 بكسل ، يمكنك استخدام بناء الجملة التالي:
إذا كنت ترغب في تعيين حجم النص كنسبة مئوية بالنسبة لحجم الخط الأساسي ، يمكنك استخدام القيمة "م". على سبيل المثال ، لتعيين حجم النص إلى 150 ٪ من حجم الخط الأساسي ، يمكنك استخدام بناء الجملة التالي:
استخدم التجارب للعثور على حجم الخط الأمثل لموقعك على الويب. انتبه إلى سهولة قراءة النص والشعور المرئي الذي تريد نقله إلى المستخدم من خلال حجم الحروف.
تحديد حجم الحروف حسب رقم الخط
يمكن تحديد حجم الحروف ، اعتمادا على رقم الخط ، باستخدام القيم المحددة:
الخط رقم 1 يتوافق مع حجم الرسالة من 9 نقاط.
رقم الخط 2 يتوافق مع حجم الرسالة من 10 نقطة.
الخط رقم 3 يتوافق مع حجم الرسالة من 12 نقطة.
الخط رقم 4 يتوافق مع حجم الرسالة من 14 نقطة.
الخط رقم 5 يتوافق مع حجم الرسالة من 18 نقطة.
الخط رقم 6 يتوافق مع حجم الرسالة من 24 نقطة.
يتوافق الخط رقم 7 مع حجم الحرف البالغ 36 نقطة.
باستخدام هذه القيم ، يمكنك تحديد حجم الأحرف وفقا لرقم الخط المحدد عند تصميم موقع الويب أو المستند الخاص بك.
مثال:
عند اختيار خط بالرقم 4 ، سيكون للحروف حجم 14 نقطة ، مما يضمن قراءة واضحة ومريحة للنص.
من المستحسن اختيار حجم الحروف وفقا للاستخدام المخطط للنص ، مع الأخذ في الاعتبار تقديسه وسهولة إدراكه للمستخدمين.
تأثير رقم الخط على حجم الرسالة
يعتمد حجم الأحرف في النص على رقم الخط المستخدم. يحتوي كل خط على نظام تحجيم الحروف الفريد الخاص به ، والذي يعتمد عادة على عوامل مختلفة مثل ارتفاع الحرف وعرضه.
عندما نستخدم رقم خط أصغر ، عادة ما يصبح حجم الحرف أصغر. على سبيل المثال ، سيكون للخط الذي يحمل الرقم 10 حجم أصغر من الخط الذي يحمل الرقم 12.
ومع ذلك ، تجدر الإشارة إلى أن تحجيم الخط لا يتناسب دائما بشكل مباشر مع رقمه. قد يكون لبعض الخطوط نسب أحرف مختلفة ، لذلك قد يختلف حجم الأحرف ، حتى لو كان رقم الخط هو نفسه.
من المهم مراعاة ذلك عند اختيار خط لتصميم صفحة ويب أو عند تطوير المستندات. اعتمادا على الغرض ونوع المحتوى ، من الضروري اختيار رقم الخط الأمثل بحيث تبدو الحروف قابلة للقراءة وممتعة من الناحية الجمالية.
نصائح لاختيار حجم الحرف بناء على رقم الخط
عند اختيار حجم الحرف للنص على صفحة الويب ، من المهم مراعاة رقم الخط الذي سيتم استخدامه. تحتوي أرقام الخطوط المختلفة على إدراك مرئي مختلف لحجم النص ، ويسمح لك اختيار الحجم المناسب بتحسين إمكانية قراءة الصفحة ومظهرها.
لتحديد حجم الحروف اعتمادا على رقم الخط ، يمكنك استخدام التوصيات التالية:
| رقم الخط | حجم الرسالة الموصى بها |
|---|---|
| 1 | 8 نقاط (نقطة) |
| 2 | 10 نقاط (نقطة) |
| 3 | 12 نقطة (نقطة) |
| 4 | 14 نقطة (نقطة) |
| 5 | 18 نقطة (نقطة) |
| 6 | 24 نقطة (نقطة) |
| 7 | 36 نقطة (نقطة) |
هذه قيم موصى بها تضمن إدراكا مناسبا لحجم النص اعتمادا على رقم الخط. ومع ذلك ، يجب أن نتذكر أن اختيار حجم الحرف يعتمد أيضا على تفضيلات المستخدم وميزات تصميم الموقع. إذا لزم الأمر ، يمكنك إجراء تعديلات على أحجام الحروف بناء على هذه التوصيات.
ومن الجدير بالذكر أيضا أنه يمكن تحديد حجم الحروف ليس فقط في النقاط (بت) ، ولكن أيضا في وحدات القياس الأخرى ، مثل بكسل (بكسل) أو النسب المئوية ( ٪ ). من المهم اختيار وحدات القياس المناسبة لحالة معينة وضمان سهولة قراءة النص على الأجهزة المختلفة.