مولّد مقياس الطباعة
يحسب مولد سلّم الخطوط سلّمًا طباعيًا متناسبًا من حجم خط أساسي ونسبة، من Minor Second (1.067) إلى النسبة الذهبية (1.618)، ويُخرج تسعة أحجام كخصائص CSS مخصصة.
حول هذه الأداة
يحسب مولد سلّم الخطوط سلّمًا طباعيًا متناسبًا من حجم خط أساسي ونسبة، من Minor Second (1.067) إلى النسبة الذهبية (1.618)، ويُخرج تسعة أحجام كخصائص CSS مخصصة.
طريقة الاستخدام
- أدخل حجم الخط الأساسي بالبكسل (16 px هو الافتراضي في المتصفحات).
- اختر نسبة السلّم، مثل Major Third (1.25).
- اختر وحدة المخرجات: rem أو px أو em.
- انقر Copy CSS Variables لاستخدام الأحجام من --xs إلى --4xl.
معلومات مفيدة
- كل خطوة في السلّم المتناسب تضرب الحجم السابق في النسبة نفسها.
- ينتج المولد تسع خطوات: اثنتان أصغر من الأساس، والأساس، وست أكبر منه.
- تناسب النسب الأصغر (1.067–1.2) الواجهات الكثيفة، بينما تناسب النسب الأكبر (1.333–1.618) الصفحات التحريرية ذات العناوين الكبيرة.
- تُحسب قيم rem نسبةً إلى حجم خط جذري قدره 16 px.
- يتيح استخدام rem أن يتغير حجم النص مع إعداد حجم الخط في متصفح المستخدم.
تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.
الأسئلة الشائعة
ما هو السلّم الطباعي المتناسب؟
مجموعة من أحجام الخطوط يكون فيها كل حجم هو الحجم السابق مضروبًا في نسبة ثابتة، مما يحافظ على ترابط بصري بين العناوين ونص المحتوى.
أي نسبة سلّم أستخدم؟
Major Third (1.25) وPerfect Fourth (1.333) خياران شائعان ومتوازنان. استخدم نسبة أصغر للتطبيقات ولوحات المعلومات، وأكبر لصفحات الهبوط والمدونات.
هل تكون أحجام الخطوط بوحدة rem أم px؟
يُنصح عمومًا بوحدة rem لأنها تحترم حجم الخط المفضل لدى المستخدم في المتصفح، مما يحسّن إمكانية الوصول.
ما حجم الخط الأساسي الذي أستخدمه؟
16 px هو الافتراضي القياسي في المتصفحات وأساس جيد لنص المحتوى، وتستخدم مواقع كثيرة 16–18 px لقراءة مريحة.