גודל, גובה שורה ומירכוז
1. גודל
הבעיה: הפונט שלנו קטן/גדול מדי ביחס לאחרים – לא
נוח לשימוש
מטרה: להתאים גודל ביחס לפונטים אחרים בסגנון
הסבר: גודל הפונט הוא היחס בין UPM לגודל הצורות
בגליפים
פתרונות: הגדלה/הקטנה של תוכן הגליפים (קצת מורכב) או הגדלה/הקטנה של UPM (קל יותר)
צריכים עוד דוגמאות? רוצים לנדב את הפונטים שלכם לצורך השוואה? מוזמנים להציע
2. גובה שורה
הבעיה: מרחקי השורות נראים גדולים/קטנים מדי
בדפדפן
מטרה: להתאים גובה שורה בדפדפן
הסבר: גובה השורה בדפדפן מושפע מגודל הפונט בלבד
הרחבה טכנית: בתוכנות גרפיקה, גובה השורה (line height, נקרא גם leading) נקבע בעיקר
על ידי ערכי Ascender ו־Descender של הפונט, שמשפיעים על המרווחים האנכיים.
בדפדפנים, לעומת זאת, גובה השורה מבוסס על יחידת UPM (Units Per Em) של
הפונט, כאשר ברירת המחדל היא כ־120% מה־UPM, אלא אם הוגדר אחרת באתר.
פתרון: להגדיל/להקטין את גודל הפונט (צעד 1), להעלות
קובץ חדש ולבדוק שוב, עד שגובה השורה נוח לקריאה בדפדפן (לא צפוף / לא
מרווח מדי)
3. מירכוז
הבעיה: הפונט פחות אסתטי בדפדפן כשהוא לא מתמרכז
נכון, מה שדורש מאמץ מצד מפתחי האתרים כדי לסדר זאת.
מטרה: למרכז את הפונט כך שהמרחק העליון והתחתון
יהיו תואמים
הסבר: המירכוז מושפע מ־Ascender/Descender
פתרון:
פונט נמוך? להעצים Descender (למשל מ־500- ל־700-)
פונט גבוה? להעצים Ascender (למשל: מ־700 ל־955)