Paul Irish
עכשיו בעזרת כלי הפיתוח ל-Chrome אפשר לראות באיזה גופן נעשה שימוש לעיבוד טקסט.
מקבצים של גופנים הם דבר מצחיק, יותר הצעה מאשר ביקוש. ייתכן שהמשפחה שהצעת לא קיימת, כך שכל דפדפן של משתמש יטפל במקרה הנפגע, יאחזר משהו שיתאים וישלב את זה.
font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
כמפתחים, אתם רוצים לדעת באיזה גופן באמת נעשה שימוש. ככה זה עובד:
בקטע סגנונות מחושבים יוצג סיכום של הגופנים בשימוש ברכיב הזה. כדאי לציין כמה דברים כאן:
- כלי הפיתוח מדווחים על הגופן בפועל שבו נעשה שימוש בשכבת עיבוד הטקסט של Chrome. כבר לא צריך לנחש לאיזה גופן
serifאוsans-serifפותרים בפועל. - האם הגופן באינטרנט פועל? לפעמים קשה לדעת אם רואים את ה-Webfont או את גופן המערכת החלופי. עכשיו אפשר לוודא שה-webfont מיושם. בדוגמה שלמעלה, אנחנו שולפים את Lobster כ-Webfont עבור הסגנון
::first-line. - קל לזהות גופנים נפתחים במקבץ. למעלה, הייתה לנו שגיאת איות באיות Merriweather ולכן לא נעשה בה שימוש והועברה ל-Lobster.
- האם מדובר ב-ריאל או ב-H בשימוש? אפשר לשאול מעצב או... לשאול את כלי הפיתוח. ;)
- עובד מצוין עם Webfonts של Google, Typekit, גופנים מקומיים, גופנים כמו @font-face, גליפים בתקן Unicode וכל שאר מקורות הגופנים המעניינים.
אנחנו כאן לשירותך, ונשמח לתת לך משוב.