סולם טיפוגרפי

איך להשתמש ב־סולם טיפוגרפי

סולם טיפוגרפי. הגדירו גודל בסיס, יחס ושלבים ליצירת גדלי CSS.

1. שנו צבעים, טקסט או מספרים למעלה.
2. השוו את התצוגה בעת שינוי ההגדרות.
3. העתיקו את הפלט או הורידו אותו למכשיר.

סולם טיפוגרפי · דוגמה

{
  "base": 16,
  "ratio": 1.25,
  "below": 2,
  "above": 5,
  "text": "LocalKit"
}

:root {
  --text-minus-2: 10.24px;
  --text-minus-1: 12.8px;
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.82813px;
}

הערות שימוש

הקבצים והקלט מעובדים בדפדפן הזה. ללא העלאה או חשבון.

התצוגה מוגבלת ל-72 פיקסלים. הייצוא שומר את הגדלים המחושבים.