צילומי המסך שלהלן חלים על מגרש המשחקים של קוד JSFiddle.net, אך המושגים המתוארים נכונים ולא משנה היכן מיושם הקוד שלך.
אתר את הטקסט שבו ברצונך לשנות את הגופן. נשתמש בזה כדוגמה:
בתוך מאפיין הסגנון, שנה את הגופן באמצעות ה- משפחת גופן סִגְנוֹן.
שמור את השינויים כדי לראות את ההשפעות.
הגישה הטובה ביותר היא שיהיו תמיד שני גופנים לפחות מחסנית גופנים (רשימת הגופנים), כך שאם לדפדפן אין את הגופן הראשון, הוא יכול להשתמש בגופן השני במקום זאת.
הדוגמה שתוארה לעיל משתמשת בעיצוב מוטבע, אך הטובה ביותר סוג של סטיילינג משתמש ב- דף סגנון חיצוני לשנות יותר מאשר רק את האלמנט האחד. השתמש בכיתה כדי להגדיר את הסגנון על גושי טקסט.
סיים תמיד סגנונות CSS עם נקודה-פסיק (;). זה לא נדרש כשיש רק סגנון אחד, אבל זה הרגל טוב להתחיל.
פוּרמָט
מל"הapaשיקגוהציטוט שלך
קירנין, ג'ניפר. "כיצד להשתמש ב- CSS לשינוי גופנים בדפי אינטרנט." ThoughtCo, מאי. 25, 2021, thoughtco.com/change-fonts-using-css-3464229.קירנין, ג'ניפר. (2021, 25 במאי). כיצד להשתמש ב- CSS לשינוי גופנים בדפי אינטרנט. נלקח מ https://www.thoughtco.com/change-fonts-using-css-3464229
קירנין, ג'ניפר. "כיצד להשתמש ב- CSS לשינוי גופנים בדפי אינטרנט." ThoughtCo. https://www.thoughtco.com/change-fonts-using-css-3464229 (גישה ל- 23 ביוני 2021).