טיפוגרפיה היא אלמנט עיצובי חשוב שיכול לשנות באופן דרסטי את המראה ואפילו את תחושת התוכן. עם זאת, בגלל הגבלות טכניות (ורישוי), גופנים דינמיים בשימוש באינטרנט הוגבלו לקבוצת משנה קטנה של סגנונות. בצד החיובי, במהלך 12 החודשים האחרונים השתנה הנוף לטיפוגרפיית אינטרנט באופן דרמטי.

טכנולוגיות ושירותים חדשים, כולל גוגל שהוכרזו לאחרונהGoogle Font API, מאפשרים למעצבים ולמפתחים סוף סוף להתחיל להתנסות בטיפוגרפיה באינטרנט.

איפה שהיינו

ההיסטוריה של הטיפוגרפיה והרשת ארוכה ולעתים קרובות מתסכלת. סנדק תקני אינטרנטג'פרי זלדמןכתב בהרחבה על גופני אינטרנט וסטנדרטים בשנה שעברה ומספק סקירה טובה של המצב.

היו שני מחסומים עיקריים שמונעים מבחירות גופנים משתנות להגיע לאינטרנט:

תמיכה בדפדפן.CSS3הציג מחדש את@בוחר גופן-פנים-- המאפשר למעצבים להטמיע ספציפית גופנים מסוימים בגיליונות הסגנונות שלהם -- אבלתאימות לדפדפןעם הפורמט של הגופנים האלה משתנה. ישנם כמה פורמטים שבהם כמעט כל דפדפן אינטרנט למעט Internet Explorer תומך. לעומת זאת, הפורמט היחיד שבו Internet Explorer תומך אינו נתמך על ידי אף דפדפן אחר.

בתי היציקה של הפונטים. האנשים שיוצרים ומעניקים רישיון לגופנים, נרתעו ממתן רישיון לגופנים לשימוש באינטרנט. החשש הגדול הוא שבהתאם לאופן הגשת הפונטים, המשתמשים יכולים לבחון את קוד המקור ולגנוב פונטים לשימוש במצב לא מקוון.

עד לשנה שעברה, שני הגליונות האלה די השאירו מעצבים וחובבי גופנים בבוץ קצת. למרבה המזל, דברים השתנו והם ממשיכים להשתפר.

לאן אנחנו הולכים

במאי האחרון התקשר שירותTypeKitהיההכריזכדרך לעזור לבתי יציקה להפוך לגופני רישוי נוחים, ובמקביל מציעים למעצבי אתרים גופנים הניתנים להטמעה עבור העיצובים שלהם באופן שיוכל לעבוד על פני דפדפני אינטרנט.

TypeKit נפתח לציבור בנוֹבֶמבֶּרומאזשותפהעם רשימה הולכת וגדלה שלבתי יציקהלתת למשתמשי Typekit מגוון רחב יותר של אפשרויות.

קיימים שירותי אינטרנט אחרים, כמוליבה,טיפותקופונטדק(Fontdeck עדיין בגרסת בטא פרטית).

רוב השירותים הללו משתמשים ב-JavaScript כדרך לעקוף את העובדה שלא כל דפדפני האינטרנט תומכים בבורר @font-face של CSS3 וכדי לטשטש גם את קובץ הגופן המקורי.

בשבוע שעבר הכריזה גוגל על ​​ה- Font API שלה וה-ספריית גופנים של גוגלשל גופני קוד פתוח שחינמיים למפתחים לשימוש בעיצובים שלהם.

דיברתי עםג'פרי וין, מייסד ומנכ"ל Typekit, באמצעות דואר אלקטרוני מיד לאחר הכרזת ה-Font API של גוגל על ​​מה שגוגל עושה, תפקידה של Typekit בתהליך ועתיד הטיפוס.

בהתחלה, אני, כמו רבים, הנחתי שממשק ה-API של גוגל גופן הוא החלקה ישירות ב-Typekit. זה בכלל לא המקרה. למעשה, Typekit וגוגלעבדו יחדלהשיגאירועי גופן Typekitלתוך פרויקט הקוד הפתוחWebFont Loader, נותן למעצבים שליטה מלאה על אופן טעינת הגופנים.

בנוסף, ניתן לגשת לגופני האינטרנט של גוגל מ-Typekit, כלומר המעבר בין שירותים קל מאוד.

זה מה של Veen היה לומר על העבודה עם גוגל:

"העבודה עם גוגל הייתה חוויה נהדרת, והעובדה שהם מארחים את הספרייה היא ניצחון גדול עבור גופנים באינטרנט. היכולת להשתמש בגופנים באינטרנט היא מרגשת להפליא עבור מעצבים ומפתחים, ועברו זמן רב. אבל, כמו רוב טכנולוגיות האינטרנט החדשות, האופן שבו הדפדפנים יישמו את זה הוא די לא עקבי. ספריית WebFont Loader נותנת לך רצון עקבי להתמודד עם מה שהדפדפן עושה בזמן שהגופנים נמצאים נטען. אם אתה חושב על האופן שבו jQuery החליק את חוסר העקביות בדפדפן עבור JavaScript, זה מה ש-Web Font Loader עושה עבור @font-face."

כשביקשתי מווין להרחיב את המכשולים הגדולים ביותר בקבלת בתי היציקה לאמץ רישוי אינטרנט, זה מה שהיה לו לומר:

"תעשיית הטיפוסים הייתה זהירה מובנת בהעלאת הגופנים שלהם באינטרנט. משפחה של גופנים יכולה לקחת שנים עד להתפתח, והקבצים האלה יושבים על שרתי אינטרנט פתוחים היה שלב קשה לקבל לבתי היציקה. בנוסף, כל בית יציקה היו לו סט תנאים והגבלות משלו לגבי האופן שבו ניתן להשתמש בגופנים ברישיון. כל כך הרבה מהחדשנות ב-Typekit הייתה למצוא איזון זהיר בין הצרכים של בתי היציקה לבין ההתרגשות של. מעצבי אינטרנט עשינו זאת על ידי בניית שירות מתארח שמוסיף מידה מסוימת של הגנה לגופנים, ומפשט את הרישוי. מעצבים יכולים כעת לשלם מנוי שנתי ולקבל גישה לאלפי גופנים, פשוטו כמשמעו.

יש עדיין כמה מכשולים

בעוד Typekit ושירותי גופני אינטרנט אחרים דוחפים את האימוץ של גופני אינטרנט קדימה, כמו גם גורמים ליותר ויותר בתי יציקה (ומעצבים ומפתחים) נוחים להשתמש בגופנים ורישוי לרשת, הרי שההתפשטות של יותר גופני אינטרנט מובילה לכמה נוספים. משוכות.

בנובמבר האחרון,טים בראוןוג'ייסון סנטה מריהשניהם כתבו מאמרים פנטסטיים עבוררשימה לחודעל טיפוגרפית אינטרנט.

סנטה מריהנָדוֹןקריאות והתאמה נכונה של גופנים יחד. חוּםדיברעל המשמעות של מרחב האינטרנט המתפתח לאופן עיצובו של גופנים ועל הניואנסים של האופן שבו דפדפנים שונים מציגים את אותו גופן.

מבית טים ​​בראוןסוג אינטרנט נחמד

אלו נושאים חשובים שכדאי לקחת בחשבון כאשר אתה משתמש בגופנים בעיצובים שלך. רק בגלל שאתה יכול להשתמש ב-aגופן סקריפטלהציג את התוכן העיקרי שלך לא אומר שאתה צריך. שמור את זה לכותרות והדגשים, שמור על התוכן הראשי קריא וברור.

עולם הטיפוגרפיה של האינטרנט מתפתח במהירות, אך התפתחות זו פירושה שלמפתחי אתרים ומשתמשי קצה יש כעת אפשרויות רבות יותר מאי פעם.

האם אתה משתמש בשירותי פונטים אינטרנטיים באתרים שלך? תודיע לנו!

סדרה נתמכת על ידי Rackspace

Rackspaceהיא הדרך הטובה יותר לעשות אירוח. לא צריך יותר לדאוג לגבי זמן פעולה של אירוח אתרים. לא עוד לבזבז את הזמן, האנרגיה והמשאבים שלך בניסיון להתעדכן בדברים כמו תיקון, עדכון, ניטור, גיבוי נתונים וכדומה. למד מדוע.

[קרדיט תמונה:playgrounder.com]