Skip to main content

כיצד לשנות דף אינטרנט גופנים עם

css-1 (יוני 2026)

css-1 (יוני 2026)
Anonim

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

כיצד לשנות את הגופן עם

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

  1. אתר את הטקסט שבו ברצונך לשנות את הגופן. נשתמש בזה כדוגמה:

    טקסט זה נמצא ב- Arial

  2. הקף את הטקסט עם אלמנט SPAN:

    טקסט זה נמצא ב- Arial

  3. הוסף את התכונה style = "" תג span:

    טקסט זה נמצא ב- Arial

  4. בתוך המאפיין style, שנה את הגופן באמצעות משפחת גופן בסגנון.

    טקסט זה נמצא ב- Arial

  5. שמור את השינויים כדי לראות את ההשפעות.

טיפים לשימוש ב- CSS כדי לשנות גופן

  1. הגישה הטובה ביותר היא תמיד יש לפחות שני גופנים בערימת הגופן שלך (רשימת הגופנים), כך שאם הדפדפן לא צריך את הגופן הראשון, הוא יכול להשתמש בגופן השני במקום.

    הפרד בין מספר גופנים עם פסיק, כך:

    משפחת גופן: אריאל, ג'נבה, הלויטקה, סאנס-סריף;

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

    טקסט זה נמצא ב- Arial

    בדוגמה זו, קובץ CSS לסגנון HTML הנ"ל יופיע כדלקמן:

    .ari {font-family: Arial; }

  3. תמיד סיים סגנונות CSS עם נקודה פסיק (;). זה לא נדרש כאשר יש רק סגנון אחד, אבל זה הרגל טוב להתחיל.