מה זה font-family?

המאפיין font-family ב-CSS מגדיר את משפחת הגופנים (fonts) שבהם ייעשה שימוש להצגת הטקסט של האלמנט. ניתן לציין מספר גופנים, כאשר הגופן הראשון ברשימה הוא המועדף, ואם הוא אינו זמין, ייבחר הגופן הבא ברשימה.

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

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

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

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

טקסט בגופן Arial עם גופן חלופי sans-serif

טקסט בגופן Georgia עם גופן חלופי serif

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

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

    
          <p style="font-family: 'Arial', sans-serif;">
            טקסט בגופן Arial עם גופן חלופי sans-serif
          </p>
          <p style="font-family: 'Georgia', serif;">
            טקסט בגופן Georgia עם גופן חלופי serif
          </p>