הגדלת גופן ה- HTML אפשרית באמצעות תגים מיוחדים המאפשרים לשלוט בפרמטרים של הטקסט המוצג על המסך. הגדרות תצוגה דומות מיושמות ב- CSS, שאת הקוד שלהן ניתן לשלב בקלות בעמוד הערוך.
כדי לערוך את טקסט המקור של מסמך באמצעות סיומת.html, פתח את עורך הטקסט שבו אתה משתמש (למשל, פנקס רשימות). לחץ על "קובץ" - "פתח" וציין את הנתיב לדף שאת קודו ברצונך לשנות. לאחר מכן לחץ על מקש Enter במקלדת והתחל לערוך את החלק הרצוי במסמך.
HTML
שינוי גודל הגופן מתבצע דרך הידית. במסגרת תג זה תוכלו להגדיר את הפרמטרים הדרושים לגובה האותיות ולצבעיהן. הטקסט הסגור בין רכיבי הפתיחה והסגירה יוצג בהתאם להגדרות שבוצעו:
כל טקסט
אותיות שנכתבות בין גודל לגודל 15 והן בשל פרמטר הגודל הנתון.
שמור את השינויים כדי להחיל את הפרמטרים. ניתן לסגור את חלון העורך וללחוץ פעמיים על דף ה- HTML כדי לפתוח אותו בחלון דפדפן. ניתן גם ללחוץ לחיצה ימנית על המסמך ולבחור באפשרות "פתח באמצעות" כדי להפעיל אותו בדפדפן אינטרנט. בחר את הדפדפן שלך מרשימת התוכניות שצוינו.
CSS
שימוש בגיליונות סגנון מדורגים מאפשר לך לכוונן את הגדרות הגופן שלך. בעזרת קוד תוכלו לשנות את הגדרות התצוגה הן עבור כל הטקסט המוצג בדף והן עבור אלמנטים בודדים (למשל כותרות). ניתן לציין את CSS בגוף המסמך (), אך הכי נוח לכתוב את ההוראות הדרושות לתיאור על ידי סגירת הפקודות בתג.
מאפיין גודל הגופן אחראי על שינוי הפרמטרים של גודל הגופן. ניתן לציין את הערך המתואר בפיקסלים (px), נקודות (pt) ואחוזים (%). לדוגמה:
שינוי גודל הגופן
גוף {font-size: 13pt; }
h1 {גודל הגופן: 200%; }
p {font-size: 15px; }
בדוגמה זו, גודל הטקסט שהוזן בגוף העמוד הוא 13 נקודות. כל האותיות בין התגים יוגדלו פי 2 (100% מהגודל המקורי). הטקסט שצוין בין המתארים יהיה 15 פיקסלים. יש לציין כי פרמטרים שהוגדרו עבור כל רכיב עמוד בנפרד יקבלו עדיפות על פני ערכים כלליים יותר. לדוגמה:
גופן פסקה רגיל
פיסקה שונתה
ככלל, הטקסט בין התגים צריך להיות בגודל 15 פיקסלים. עם זאת, הגופן בפסקה השנייה יהיה בגודל 18 מכיוון שהקוד בגוף המסמך בדרך כלל מקבל עדיפות על פני ההגדרות הכלליות ב-.