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