דוגמאות לשימוש בפונטי רשת

בשנה-שנתיים האחרונות, התברכנו בהרבה המצאות וחידושים בעולם הווב: html5, css3 פונטי רשת, מכשירים ניידים חכמים ודפדפנים מהירים יותר. החידושים הם דבר טוב, המניע את הרשת קדימה. מצד שני, ישנם חבלי לידה, ובעיות הקשורות לתאימות לאחור. בפוסט הקודם התמקדנו בדברים שצריך לדעת לפני שמשתמשים ב-webfonts. אך לא צריך להרתע מכל הבעיות, אפשר וצריך להתמודד איתן. פונטי רשת מאפשרים לכם להשתמש בפונטים מיוחדים לתוכן דינמי באינטרנט – דבר שהיה בלתי אפשרי זמן רב.

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

עודד עזר

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

פונט עזר בלוק בגודל 90 פיקסלים

סמליל – בלוג מעניין המביא עבודות מיתוג ועיצוב – עושה שימוש מוצלח בגרסת הווב של פונט שלוותה בכל הכותרות:

פונט שלוותה בגדלים 19 פיקסלים ו-15 פיקסלים

אם אתם מחפשים שימושים נוספים לפונטים של עזר, אני ממליץ בחום להציץ ב"פונטים בפעולה" – חשבון הפליקר של עודד.

רידיזיין

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

דתלש של אברהם קורנפלד
דתלש (אברהם קורנפלד) בגודל 40 פיקסלים – תחת הסקין dictionary
מכבי של הגילדה
מכבי בלוק (הגילדה) בגודל 40 פיקסלים – תחת הסקין Box Set

נסיונות שלי עם פונטי רשת חינמיים

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

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

DIN Next
DIN Next בגדלים 40 פיקסלים ו-25 פיקסלים – מתוך הספרייה החינמית של fonts.com

תרגמתי מאנגלית את פרוייקט html5boilerplate, והשתמשתי בפונט אהרוני לכותרות העבריות.

אהרוני בגירסת קולמוס
אהרוני (קולמוס) בגודל 24 פיקסלים יחד עם Molot בגודל 72 פיקסלים

אז תכל'ס, איך עושים את זה?

בפוסט הבא נראה איך להטמיע פונטי רשת באתר שלכם.