محوِّل حجم الخط
حوّل حجم الخط بين النقاط والبكسلات وem وrem والنسبة المئوية والملليمترات والبوصات والبيكا. يتبع المحوِّل تعريفات CSS — 96 بكسلًا و72 نقطة للبوصة — ويتيح لك ضبط حجم الخط الجذري وحجم الخط الأب اللذين تعتمد عليهما em وrem و%.
تبدأ المتصفحات من 16 بكسلًا. غيّر هذين الحجمين إذا حدّدت ورقة أنماطك حجمًا آخر للعنصر html أو للعنصر الأب.
12 pt في كل الوحدات
| الوحدة | الحجم | CSS | نسخ |
|---|---|---|---|
| النقاط (pt) | 12 | 12pt | |
| البكسلات (px) | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| النسبة المئوية (%) | 100 | 100% | |
| الملليمترات (mm) | 4.2333 | 4.2333mm | |
| السنتيمترات (cm) | 0.4233 | 0.4233cm | |
| البوصات (in) | 0.1667 | 0.1667in | |
| البيكا (pc) | 1 | 1pc |
الحساب
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25.4 ÷ 96 = 4.2333 mm
يكتب Word على Windows وGoogle Docs أحجام الخطوط بالنقاط، ويعامل البوصة بوصفها 96 بكسلًا، فيبدو النص 12 نقطة عند تكبير 100% بالحجم نفسه للنص 16px في المتصفح.
أحجام النقاط الشائعة
تستخدم em وrem و% حجمي الجذر والأب أعلاه.
| النقاط | البكسلات | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0.5 | 0.5 | 50 | 2.12 |
| 7 | 9.33 | 0.583 | 0.583 | 58.3 | 2.47 |
| 8 | 10.67 | 0.667 | 0.667 | 66.7 | 2.82 |
| 9 | 12 | 0.75 | 0.75 | 75 | 3.18 |
| 10 | 13.33 | 0.833 | 0.833 | 83.3 | 3.53 |
| 10.5 | 14 | 0.875 | 0.875 | 87.5 | 3.7 |
| 11 | 14.67 | 0.917 | 0.917 | 91.7 | 3.88 |
| 12 | 16 | 1 | 1 | 100 | 4.23 |
| 14 | 18.67 | 1.167 | 1.167 | 116.7 | 4.94 |
| 16 | 21.33 | 1.333 | 1.333 | 133.3 | 5.64 |
| 18 | 24 | 1.5 | 1.5 | 150 | 6.35 |
| 20 | 26.67 | 1.667 | 1.667 | 166.7 | 7.06 |
| 22 | 29.33 | 1.833 | 1.833 | 183.3 | 7.76 |
| 24 | 32 | 2 | 2 | 200 | 8.47 |
| 28 | 37.33 | 2.333 | 2.333 | 233.3 | 9.88 |
| 32 | 42.67 | 2.667 | 2.667 | 266.7 | 11.29 |
| 36 | 48 | 3 | 3 | 300 | 12.7 |
| 48 | 64 | 4 | 4 | 400 | 16.93 |
| 72 | 96 | 6 | 6 | 600 | 25.4 |
كيفية استخدام محوِّل حجم الخط
- 1. أدخل حجمًا ووحدته. اكتب 12 واختر النقاط، أو اكتب 24 واختر البكسلات — أي وحدة من الوحدات التسع يمكن أن تكون نقطة البداية.
- 2. اضبط أحجام المرجع إن احتجت. يُقاس rem بحجم الخط الجذري (
html)، ويُقاس em و% بحجم خط العنصر الأب. ويبدأ الحجمان من 16 بكسلًا، وهو الافتراضي في المتصفح. - 3. اقرأ الحجم بكل وحدة. يعطي كل صف القيمة وكود CSS للنسخ مع زر نسخ، ويُظهر الحساب كل تحويل عبر البكسلات.
- 4. راجع جدول الأحجام الشائعة. أحجام النقاط في قائمة معالج النصوص، من 6 إلى 72، معروضة مع ما يقابلها بالبكسل وem وrem والنسبة المئوية والملليمتر.
قواعد التحويل
يحدد CSS الوحدات الفيزيائية بعضها ببعض: البوصة تساوي 96 بكسلًا أو 72 نقطة أو 6 بيكا أو 25.4 ملليمترًا. لذلك تساوي النقطة بالضبط 4/3 من البكسل. أما الوحدات النسبية فتحتاج إلى عدد إضافي واحد، هو حجم الخط الذي تُقاس عليه.
| الوحدة | إلى البكسلات | من البكسلات |
|---|---|---|
| النقاط (pt) | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| البيكا (pc) | px = pc × 16 | pc = px ÷ 16 |
| الملليمترات (mm) | px = mm × 96 ÷ 25.4 | mm = px × 25.4 ÷ 96 |
| البوصات (in) | px = in × 96 | in = px ÷ 96 |
| em | px = em × حجم الأب | em = px ÷ حجم الأب |
| rem | px = rem × حجم الجذر | rem = px ÷ حجم الجذر |
| النسبة المئوية (%) | px = % × حجم الأب ÷ 100 | % = px ÷ حجم الأب × 100 |
حجما الجذر والأب بالبكسل؛ وكلاهما 16 بكسلًا ما لم تغيّره ورقة الأنماط.
مع القيم الافتراضية، تساوي 12 pt القيمة 12 × 96 ÷ 72 = 16 px. ثم 16 ÷ 16 تعطي 1 em و1 rem و100%، و16 × 25.4 ÷ 96 تعطي 4.2333 mm. اضبط حجم الأب على 20 px فيصبح الـ16 px نفسه 0.8 em و80% — لكنه يبقى 1 rem، لأن rem يتجاهل الأب.
لماذا تساوي 12 pt الـ16 px؟
النقطة جزء من 72 من البوصة، والبكسل في CSS جزء من 96 من البوصة، لذا فإن 12 نقطة = 12/72 = 1/6 من البوصة، أي 96 ÷ 6 = 16 بكسلًا. ويعامل Word على Windows وGoogle Docs البوصة بوصفها 96 بكسلًا على الشاشة أيضًا، فيبدو نص 12 نقطة عند تكبير 100% بالحجم نفسه لنص 16px في المتصفح — و16 بكسلًا هو الحجم الذي تستخدمه المتصفحات للنص الذي لا تحدد أي ورقة أنماط حجمه.
البكسل في CSS ليس بالضرورة نقطة واحدة من شاشتك. فعلى شاشة عالية الكثافة يغطي بكسل CSS الواحد عدة بكسلات للجهاز، ويقيس المتصفح كل الوحدات معًا، فتبقى النسب أعلاه صحيحة دائمًا. ويُعد LaTeX الاستثناء الشائع الوحيد لبوصة الـ72 نقطة: فـpt فيه هي نقطة الطابعة، وفيها 72.27 نقطة في البوصة، فيكون 12pt في LaTeX أصغر بنحو 0.4% من 12 pt في Word أو CSS. أما bp في TeX، أي «النقطة الكبيرة»، فهي النقطة ذات الـ72 في البوصة التي يستخدمها هذا المحوِّل.
أحجام الخط للأوراق الأكاديمية
تحدد أدلة الأسلوب أحجام الخط بالنقاط، لذلك لا تحتاج خطوط الورقة إلى تحويل أبدًا — لكن من المفيد معرفة ما يطلبه كل دليل فعلًا:
- APA 7 يسمّي أزواج الخط والحجم بدلًا من حجم واحد: 11 نقطة Calibri، أو 11 نقطة Arial، أو 10 نقاط Lucida Sans Unicode، أو 12 نقطة Times New Roman، أو 11 نقطة Georgia، أو 10 نقاط Computer Modern.
- MLA 9 يطلب خطًا سهل القراءة يتميّز مائله عن الخط العادي، بحجم بين 11 و13 نقطة ما لم يقرر أستاذك غير ذلك.
- Turabian (شيكاغو للطلاب): تقترح ورقة النصائح الرسمية 12 نقطة Times New Roman أو Calibri، أو 11 نقطة Arial.
تبدو الخطوط مختلفة عند الحجم نفسه من النقاط — فخط Arial يبدو أكبر من Times New Roman — ولهذا يقرن APA كل خط بحجمه الخاص. أما الهوامش والتباعد والترويسات وبقية الصفحة فراجعها في كيفية تنسيق ورقة أكاديمية وفق APA وMLA وChicago.
الأسئلة الشائعة
- كم بكسلًا تساوي 12 نقطة؟
- 16 بكسلًا. يعرّف CSS البوصة بأنها 96 بكسلًا وبأنها 72 نقطة، فالنقطة الواحدة تساوي 4/3 من البكسل، و12 × 4/3 = 16. وبالقاعدة نفسها تساوي 10 نقاط 13.33 بكسلًا، و11 نقطة 14.67 بكسلًا، و14 نقطة 18.67 بكسلًا.
- كيف أحوّل px إلى rem؟
- اقسم على حجم الخط الجذري. بالقيمة الافتراضية 16 بكسلًا، تساوي 24 بكسلًا القيمة 24 ÷ 16 = 1.5rem، وتساوي 14 بكسلًا القيمة 0.875rem. وإذا منحت ورقة أنماطك العنصر
htmlحجمًا آخر، فأدخله حجمًا جذريًا ليستخدمه المحوِّل. - ما الفرق بين em وrem؟
- كلاهما نسبي إلى حجم خط، لكن إلى حجمين مختلفين. يشير rem دائمًا إلى العنصر الجذري (
html)، فيكون 1.5rem الحجم نفسه في كل مكان من الصفحة. أما em فيشير إلى العنصر الأب، فإن 1.5em داخل عنصر أب حجمه 1.5em يصبح 2.25 مرة من حجم الجذر — إذ يتراكم em، بينما لا يتراكم rem. - هل 1em يساوي دائمًا 16px؟
- فقط بصورة افتراضية. يساوي 1em حجم خط العنصر الأب، و1rem حجم الجذر، وتبدأ المتصفحات كليهما من 16 بكسلًا. فإذا رفع القارئ الحجم الافتراضي للنص في إعدادات متصفحه، تغيّرت نقطة البداية؛ ولهذا يتبع النص المحدد بـrem أو em اختياره، بينما لا يتبعه النص المحدد بالبكسل.
- كم تساوي 12 نقطة بالملليمترات؟
- 12 نقطة = 1/6 من البوصة، أي نحو 4.23 ملليمترًا. وهذا قياس صندوق الـem في الخط، أي المساحة التي يُرسم فيها كل حرف، لا ارتفاع الحرف الكبير الذي يبلغ في الخطوط النصية الشائعة نحو ثلثيها.
- لماذا يبدو الحجم نفسه من النقاط أكبر في بعض الخطوط؟
- تحدد النقاط صندوق الـem، لا الحروف المرئية. وترسم الخطوط حروفها بنسب مختلفة داخل ذلك الصندوق — فحروف Arial الصغيرة أطول من حروف Times New Roman — لذا يبدو Arial بحجم 12 نقطة أكبر. ولهذا يقرن APA 7 خط Arial بـ11 نقطة مع Times New Roman بـ12 نقطة، بدلًا من حجم واحد لكل الخطوط.