לכל הגופנים יש יחס גובה-רוחב (או ערך). ערכי היבט גופן מחושבים על-ידי חלוקת גובה ה- x הקטן של הגופן לפי גודל הגופן. כאשר יש לך ערך זה, באפשרותך להשתמש במאפיין styleSizeAdjust ב- CSS3 כדי לציין את ערך היבט של הגופן המועדף המשמש להצגת האתר שלך.
כאשר האתר שלך מוצג במחשבים שאין להם את הגופן המועדף עליך, המאפיין fontSizeAdjust משמש לבחירת גודל הגופן הטוב ביותר עבור הגופן החלופי.
מאפיין זה שומר את הדפים שלך נראה טוב סוג שלך קריא גם אם גופן הבחירה הראשונה שלך אינו זמין.
על המאפיין fontSizeAdjust
באמצעות המאפיין fontSizeAdjust נותן לך קצת שליטה על החלפת הגופן כאשר יש צורך. כאשר הגופן הבחירה הראשונה אינה זמינה, הדפדפן משתמש בגופן שצוין השני, אשר לעתים קרובות גורם לשינוי גדול בגודל. יכולת הקריאה של גופן מושפעת יותר מגודל האותיות הקטנות ממספר האותיות באותיות רישיות. כאשר הדפדפן יודע את ערך היבט עבור הגופן המועדף עליך, הוא יכול להבין באיזה גודל להשתמש בעת הצגת הדף בגופן הבחירה השנייה.
הנה דוגמה שמתאימה גודל גופן באמצעות יחס גובה-רוחב של 0.58, שהוא יחס הממדים של Verdana. אם Verdana אינו זמין במחשב, הדפדפן מגדיל את הגופן החלופי כך שיש באותיות בגודל זהה באותיות קטנות עבור הקריאות הטובה ביותר.
style.fontSizeAdjust = "0.58";
הערה: נכון לפרסום, רק Mozilla Firefox תומך באופן מלא במאפיין fontSizeAdjust.
היבט משותף גופן יחסי
טבלה זו מציגה חישובים עבור יחסי הגודל של מספר משפחות גופן פופולריות.
| גופן | יחס הממדים |
|---|---|
| אריאל | 0.52 |
| Avant Garde | 0.45 |
| בוקמן | 0.40 |
| קאליברי | 0.47 |
| המאה הספר | 0.48 |
| קוצ'ין | 0.41 |
| קומיקס סאנס | 0.53 |
| שליח | 0.43 |
| שליח חדש | 0.42 |
| גרמונד | 0.38 |
| גאורגיה | 0.48 |
| Helvetica | 0.52 |
| פאלאטינו | 0.42 |
| טאהומה | 0.55 |
| Times New Roman | 0.45 |
| טרבושט | 0.52 |
| ורדנה | 0.58 |
