מה זה font-weight?

המאפיין font-weight ב-CSS מגדיר את משקל הגופן של הטקסט, כלומר את העובי שלו. ניתן להשתמש בערכים כגון "normal", "bold" או מספרים כמו 100, 400, 700.

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

באמצעות font-weight ניתן להבליט טקסט חשוב או לשנות את העובי שלו כדי להתאים לעיצוב הכללי של הדף.

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

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

טקסט במשקל רגיל

טקסט מודגש (Bold)

טקסט במשקל 700

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

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

    
          <p style="font-weight: normal;">
            טקסט במשקל רגיל
          </p>
          <p style="font-weight: bold;">
            טקסט מודגש (Bold)
          </p>
          <p style="font-weight: 700;">
            טקסט במשקל 700
          </p>