שנה בקלות את גודל הגופן של דף האינטרנט שלך עם CSS.
קרדיט תמונה: Ableimages/Photodisc/Getty Images
אתה יכול להשתלט על גודל הגופן של דף האינטרנט שלך באמצעות המאפיין font-size של שפת הסגנון של HTML, גליונות סגנונות מדורגים. החל מ-HTML 5, גישת ה-CSS לעיצוב גופנים מחליפה את תג ה"גופן" הישן יותר. בעוד שתג הגופן תקף עבור דפי האינטרנט שלך בפורמט HTML 4, הוא אינו נתמך עוד כתג חוקי ב-HTML 5.
הגדרת גודל הגופן באמצעות CSS
גדלי גופנים מוגדרים בדף האינטרנט שלך באמצעות תכונת ה-CSS "גודל גופן". גדלי גופנים מוגדרים בדרך כלל באמצעות ה מידה טיפוגרפית "em", כאשר 1.0 הוא גודל הגופן הנוכחי, או אחוזים, כאשר 100 אחוז הוא הגופן הנוכחי גודל. אתה יכול גם להשתמש בשמות הערכים המוגדרים מראש, כגון "קטן", "גדול", "קטן" ו-"xx-גדול". תוך הגדרת הגודל בפיקסלים או בנקודות חוקי, זה לא מומלץ כי הטקסט שלך עשוי לא לשנות את קנה המידה כראוי בחלקים מסוימים נסיבות.
סרטון היום
אתה יכול להשתמש בסגנונות כמעט בכל תג HTML בגוף דף האינטרנט שלך. הוסף תכונה "סגנון" לתג כאשר תכונת CSS font-size מוגדרת לגודל הרצוי. הסגנון משפיע על הטקסט בין ההתחלה לסוף התג -- לדוגמה:
טקסט זה גדול מהרגיל.
הטקסט הזה קטן יותר.
גם הטקסט הזה קטן יותר.
שימוש ב-CSS בגיליון הסגנונות שלך
אם לדף האינטרנט שלך יש גיליון סגנונות CSS, מוטבע בראש הדף שלך או מוגדר בקובץ נפרד, תוכל לשנות את גודל הגופן שם. גיליונות סגנון שימושיים לביצוע שינויים גלובליים בדף האינטרנט שלך. מצא או הוסף את ההצהרה שברצונך לשנות והוסף את קוד גודל הגופן. לדוגמה, כדי להגדיל את גודל הגופן עבור כל תגי הפסקה, השתמש ב:
p { font-size: 125%; }
