מה זה font-size?

המאפיין font-size ב-CSS מגדיר את גודל הגופן שבו יופיע הטקסט של האלמנט. ניתן לציין את גודל הגופן באמצעות יחידות כמו פיקסלים (px), אמ (em), רימ (rem) או אחוזים (%).

שימוש במאפיין font-size

באמצעות font-size ניתן להתאים את גודל הטקסט לצרכים עיצוביים ולוודא שהטקסט קריא ומובן.

דוגמה לשימוש ב-font-size

להלן דוגמה לשימוש במאפיין font-size:

טקסט בגודל 16 פיקסלים

טקסט בגודל 1.5 פעמים מהגודל הבסיסי

טקסט בגודל 120% מהגודל הבסיסי

שימושים מתקדמים

באמצעות font-size ניתן לשלוט בגודל הטקסט כך שיתאים למכשירים שונים ולקבוע גודל טקסט מתאים לעיצוב פריסות רגישות (responsive).

    
          <p style="font-size: 16px;">
            טקסט בגודל 16 פיקסלים
          </p>
          <p style="font-size: 1.5em;">
            טקסט בגודל 1.5 פעמים מהגודל הבסיסי
          </p>
          <p style="font-size: 120%;">
            טקסט בגודל 120% מהגודל הבסיסי
          </p>