מדריכים/סגנונות/לשנות גודל הגופן

לשנות גודל הגופן

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

להתאים גודל גופן לתוכן ספציפי

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

  1. יש ללחוץ על בלוק הטקסט שברצונך לערוך כמו למשל פסקה, כותרת או בלוק רשימה).
  2. בסרגל הצדי של הגדרות הבלוק יש לאתר את המקטע 'טיפוגרפיה'.
  3. יש לבחור גודל גופן מתוך רשימת ההגדרות שנקבעו מראש (כמו משל 'קטן', 'בינוני או 'גדול'), או ללחוץ על הסמל 'לקבוע גודל מותאם אישית' כדי להזין ערך ספציפי.
    • הגדרות שנקבעו מראש הם אפשרויות מוכנות של גודלי גופנים, כמו 'קטן' או 'גדול'; הן יסייעו לך בהאחדה עקבית של גודל הטקסט באתר.
  4. כברירת מחדל, הגודל נמדד בפיקסלים. אפשר ללחוץ על הכיתוב px כדי לשנות את יחידת המידה. לרשותכם מידע נוסף אודות יחידות מידה.
  5. אפשר ליצור תצוגה מקדימה של השינויים שביצעת, או ללחוץ על כפתור לשמור בפינה הימנית העליונה כדי להחיל את השינויים.
תמונה של הסמל לקביעת גודל מותאם אישית כשהוא מודגש, וחץ שמצביע על השדה שבו אפשר להזין את הגודל הרצוי.

💡

אפשר גם לשנות את הגדרות ברירת המחדל של בלוק מסוים דרך האפשרות 'סגנונות', תחת מראהעורך בלוח הבקרה.

להתאים את גודל הגופן באתר

אפשר להתאים את ברירת המחדל של גודל הגופן באלמנטים שונים באתר בעזרת הפעולות הבאות:

  1. בלוח הבקרה של האתר, יש לעבור אל מראה ← עורך.
  2. בתפריט הצדי השמאלי, יש לבחור באפשרות סגנונות.
    • בעורך אפשר גם לבחור בסמל 'סגנונות' (עיגול בשחור ולבן) שמוצג בפינה הימנית העליונה של העורך.
  3. כדי לערוך את ברירת המחדל של גודל גופן באלמנטים שונים באתר, יש ללחוץ על 'טיפוגרפיה'.
  4. במקטע 'אלמנטים', יש לבחור מבין הפריטים הבאים:
    • טקסט
    • קישורים
    • כותרות עליונות
    • כיתובים
    • כפתורים
  5. יש לבחור גודל גופן מתוך רשימת ההגדרות שנקבעו מראש (כמו משל 'קטן', 'בינוני או 'גדול'), או ללחוץ על הסמל 'לקבוע גודל מותאם אישית' כדי להזין ערך ספציפי.
  6. כדי להחיל את השינויים יש ללחוץ על 'לבדוק את השינוי' או על 'לשמור'.
תמונה של מקטע הטיפוגרפיה של 'סגנונות' בעורך; האפשרויות השונות של רכיבי הטקסט מודגשות.

לערוך את ההגדרות של גודל הגופן

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

  1. יש לעבור אל 'מראה' ← 'עורך' בלוח הבקרה.
  2. יש ללחוץ על אפשרות התפריט 'סגנונות'.
  3. יש לבחור את האפשרות טיפוגרפיה.
  4. בתחתית הלוח, יש ללחוץ על 'הגדרות קבועות מראש של גודל גופן'.
  5. יש לבחור בגודל הגופן הרצוי להגדרה הקבועה מראש ('קטן', 'בינוני' או 'גדול').
  6. יש להזין את הערך הרצוי בתיבה גודל ולבחור את היחידה (px‏, em‏, rem‏, vh או vw).
    • מפעילים את האפשרות 'טיפוגרפיה משתנה' כדי לאפשר התאמה דינמית של גודל הגופן למסך או לתצוגה.
    • ניתן גם להפעיל את האפשרות 'ערכים משתנים בהתאמה אישית' כדי לקבוע ערכי מינימום ומקסימום לגודל המשתנה של הגופן.
  7. כדי להחיל את השינויים יש ללחוץ על 'לבדוק את השינוי' או על 'לשמור'.
תמונה של האפשרות לקביעה מראש של גודל גופן בהגדרות הטיפוגרפיה.

ליצור הגדרה קבועה מראש חדשה של גודל גופן

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

  1. יש לעבור אל 'מראה' ← 'עורך' בלוח הבקרה.
  2. יש ללחוץ על אפשרות התפריט 'סגנונות'.
  3. יש לבחור את האפשרות טיפוגרפיה.
  4. בתחתית הלוח, יש ללחוץ על האפשרות 'הגדרות קבועות מראש של גודל גופן'.
  5. ליד 'התאמה אישית' יש ללחוץ על סמל הפלוס (+). כעת תוצג הגדרה קבועה חדשה של גודל גופן, כשהיא מסומנת בשם כללי, כמו 'גודל גופן חדש 1'.
  6. כעת בוחרים את ההגדרה הקבועה החדשה של גודל גופן.
  7. יש ללחוץ על סמל שלוש הנקודות () שבפינה הימנית העליונה ולבחור 'לשנות שם' כדי לתת שם תיאורי להגדרה הקבועה מראש.
  8. יש להזין את הערך הרצוי בתיבה גודל ולבחור את היחידה (px‏, em‏, rem‏, vh או vw).
    • מפעילים את האפשרות 'טיפוגרפיה משתנה' כדי לאפשר התאמה דינמית של גודל הגופן למסך או לתצוגה.
    • ניתן גם להפעיל את האפשרות 'ערכים משתנים בהתאמה אישית' כדי לקבוע ערכי מינימום ומקסימום לגודל המשתנה של הגופן.
  9. כדי להחיל את השינויים יש ללחוץ על 'לבדוק את השינוי' או על 'לשמור'.
הגדרות ברירת המחדל בהגדרה קבועה מראש ומותאמת אישית של גודל גופן.

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

Copied to clipboard!