האינטרנט הוא, מליבתו ועד לפריפריה הרחוקה ביותר, יקום עצום של טקסט.
נזכרתי בעובדה הזו רק הבוקר כשקראתיתמליל שיחהבין העורכת שלי אלכסיס לבין מייסד-שותף של פינטרסט אוון שארפ.
"זו הדרך שבה נבנה האינטרנט", אמר שארפ. "HTML היא הארכיטקטורה של הרשת והיא עוסקת בהצגת טקסט. זה Hyper Text Markup Langauge... זה מה שהקוד באינטרנט עושה. הוא מסמן טקסט."
זכור: זה ממייסד Pinterest, אתר ויזואלי מעולה. וכך לגבי כל קובצי ה-GIF וסרטוני הווידאו והתצלומים ששזורים בל יינתק בתרבות האינטרנט, החוויה של להיות מקוון -- איך אנחנו מגיעים ממקום אחד למשנהו, מה אנחנו עושים כשאנחנו שם -- היא מעוצב בעיקר על ידי מבנים טקסטואליים. טקסט מקודד באופן בלתי נראה לתוך האינטראקציות שלנו עם אתרי אינטרנט ו - בשכבות על גבי זה - הוא נמצא בכל מקום לעין. אבל אפילו הטקסט שאנו רואים, המילים שאתה קורא עכשיו, בדרך כלל מעורפל במשמעות. ההקשר גובר על האסתטיקה רוב הזמן. למשל, אולי לא היית מקובע בעובדה שהאותיות האלה שאתה סורק נמצאות בגופן ג'ורג'יה ב-16 נקודות. (הם, כלומר, אם אתה על מחשב נייד ישן או שולחן עבודה רגיל.) או שהכותרת בראש מאמר זה היא בג'ורג'יה מודגשת, 34 נקודות.
וזה חלק מהסיבה שזה כל כך ממכר להיות מסוגל לעבור עם העכבר ולזהות כל גופן שאתה רואה באינטרנט. זה מה שהפלאגין של הדפדפןFontFace Ninjaמאפשר. יש אפילו כפתור שמאפשר לך להסתיר את הכל בדף מלבד הטקסט. אז אתה יכול להתחמם בקימורים המוכרים של הכותרות הנועזות של צ'לטנהאם של הניו יורק טיימס. או להתפעל מהמפגש של sans serifs באתר אמריקן אפרל -- Helvetica Neue, Verdana, Arial bold. אוֹלהשוות שימושיםשל Helvetica Neue ו-Gotham Narrow בטוויטר.
(מגבלה אחת: FontFace Ninja עובד רק עבור טקסט, ולכן תמונה של טקסט -- כמו לוגו -- לא תרשום תגובה. במקרים אלה, אתרים כמוWhatTheFontיקבל צילומי מסך ויזהה עבורך עיצובים מסתוריים.)
היום למדתישל ווקסכותרות שמנמנות ללא סריף מופיעותבלטו נועז. (הוא משתמש גם בסרף בשם הרייט.) הנה דוגמה של Baltoמהאתר של ווקס:
קרדיט: ווקס
The Verge משתמש הן באדל רגיל והן באיזה גופן מטורף בעל כובעים בשם FF DIN Web עבור הכותרות שלו. Mashable הולך עם Museo Slab Regular, שמזכיר לי בן דוד רחוק של Courier New. עבור לדף הבית של אטלנטיק ותמצא שילוב: Times New Roman bold, Helvetica Neue ו-Arial. (ואז יש את הלוגו של אטלנטיק, שלמעשה,שינינו מעט בשנה שעברה. זהו גופן מותאם אישית המבוסס על Bauer Bodoni דחוס, נטוי.) הדבר המגניב הנוסף ב-FontFace Ninja הוא שהוא לא רק אומר לך איזה גופן אתה רואה אלא מאפשר לך לבדוק את כל מה שאתה נתקל בו. הפעל את הפלאגין, הצב את הסמן מעל גופן שמעניין אותך ולחץ: שם, בחלק העליון של חלון הדפדפן שלך, יש אזור שבו תוכל להקליד מה שתרצה באותו סגנון.
זה כלי מהנה מכיוון שהוא חושף כמה מהניואנסים של גופן שלא בולטים בדרך כלל. על ידי שימוש ב-FontFace Ninja כדי להקליד את השם שלי ב-proxima Nova Semibold של BuzzFeed, יכולתי להעריך באיזו פתאומיות מסתיימת הקשת של אותיות קטנות "r" בהשוואה לגוף הבולבוסי יותר של ג'ורג'יה מודגש, שבו אנו משתמשים לכותרות מאמרים ב-The Atlantic .
קרדיט: באזפיד
קרדיט: NPR
ושימו לב כיצד ה-"r" הקטן של NPR שונה בגופן שבו הוא משתמש לכותרות (Gotham SSm bold) בהשוואה ללוגו האיקוני של הרשת (Trebuchet bold).
קרדיט: האטלנטי
(אה, ובשביל מה שזה שווה, FontFaceNinja משתמש במודגש ברנדון גרוטסק בסגנון Futura באתר משלו.)
כשאתה מתחיל לחשוב על איך שמילים נראות, ואיך הצורה של כל אחת מהןמשפיע על איך שאתה מרגישעל מה שאתה קורא, קשה להפסיק. עצור דקה והסתכל מסביב. אותיות נמצאות בכל מקום, מה שאומר שאנחנו מוקפים בבחירות טיפוגרפיות כמעט כל הזמן.
"כולנו, הייתי מציע, מתבקשים בדרכים סאבלימינליות", אומר כותב העיצוב הבריטי ריק פוינור בסרט התיעודי מ-2007,Helvetica. Helvetica היא כל כך פופולרית, כמה מעצבים גרפיים חושבים, כי היא מייצגת את השיא של קו מתפתח ארוך של חשיבה עיצובית.
"אולי התחושה שיש לך כשאתה רואה בחירות טיפוגרפיות מסוימות בשימוש על פיסת אריזה היא פשוט, 'אני אוהב את המראה של זה. זה מרגיש טוב. זה סוג המוצר שלי'", אמר פוינור. "אבל זה הטיפוס שמטיל את הכישוף הסודי שלו."