גופן הוא חלק בלתי נפרד מעיצוב אתרים, המעניק לאתר סגנון ייחודי. טקסט איכותי בדף אמור להיראות הרמוני, להיות משולב עם שאר מרכיבי האתר ובמקביל לתרום לתפיסה טובה יותר של המידע. באמצעות סימון HTML וטבלאות מדורגים של CSS, תוכלו להתאים אישית כמעט כל הגדרה כדי למקסם את ביצועי העמודים.
נחוץ
קובץ גופן בפורמט TTF
הוראות
שלב 1
כדי להשתמש בערכת גופנים המותקנת במחשב שלך, תוכל להשתמש בפרמטר משפחת הגופנים של גליונות הסגנון המדורגים. לשם כך, הזן את הקוד הבא עבור הפריט הרצוי:
טֶקסט
פקודה זו תציג את כותרת h2 ברמה השנייה בגופן Arial.
שלב 2
אם ברצונך להשתמש בגופן משלך, תחילה עליך להעלות אותו לאחסון ולאפשר אותו באמצעות הפקודה המתאימה. קבצי TTF כלולים בפקודה הבאה:
תכונת משפחת הגופנים במקרה זה מציינת את שם הגופן, ו- src: url (font.ttf) מציין את הנתיב לקובץ TTF.
שלב 3
לאחר הפעלת האלמנט, תוכלו להשתמש בו להצגת טקסט:
טֶקסט
פקודה זו אחראית על הצגת הגופן הנדרש בכתב נטוי בכותרת הרמה השנייה. אם הדפדפן של המשתמש אינו תומך בטיפול בקבצי TTF, יש להשתמש בגופן המערכת שצוין לאחר הפסיק הראשון (במקרה זה, ורדנה).
שלב 4
חלק מהדפדפנים אינם תומכים ב- TTF להורדה. לדוגמה, Internet Explorer 8 משתמש בפורמט EOT להצגת טקסט. עבור דפדפנים כאלה, המיר את ה- TTF המקורי באמצעות מספר שירותים והכלל את הגופן המתקבל בפרמטר @ font-face באותו אופן.
שלב 5
אם ברצונך לייבא את הקובץ הדרוש לך ממשאב אחר, השתמש בפקודה @import, אותה יש לכתוב בראש מסמך CSS:
כתובת URL של יבוא (https:// כתובת_כתובת)
