123.jpg
Variable Fonts
בעברית נקראים במספר שמות, גופן (פונט) פרמטרי, דינמי, רספונסיבי, וריאבל או גמיש. במאמר זה נתייחס אליו כפונט דינמי.
לפני כשלוש שנים הוצגה לעולם אבולוציה של פונטים מסוג OpenType (הפורמט בו השתמשנו שנים) המשנה כמה דברים בצורה מאד מעניינת. פונטים אלו נקראים Variable Fonts או ״פונטים דינמיים״. ומעבר לכך שהם חוסכים רוחב פס הם גם מספקים תכונות בלתי נגמרות כראות עיני ויכולות היוצר.
מאז ומתמיד ,כאשר השתמשנו בפונטים לעיצוב כזה או אחר, נאלצנו להתקין קבצים שונים עבור כל רוחב, משקל או וַרְיַאנְט בו רצינו להשתמש. משקל bold בקובץ אחד, light בקובץ אחר, condensed בעוד קובץ והלאה, וזאת כאשר התקנה של משפחה שלמה של פונטים יכלה אף להגיע ל 50 קבצים ויותר.
אותו Variable Font הוא אבולוציה של OpenType המאפשר להכיל את מספר רב של משקלים או וריאציות בקובץ אחד מאד יעיל. יוצר הפונט יכול להחליט אילו ״צירים״ (axes בשפה המקצועית) לכלול בפונט ולקבוע הגדרות מינימום ומקסימום לאלו.רוב הפונטים כיום מגיעים עם מספר משקלים, כמו דק רגיל שמן שחור וכו׳.
החידוש בפונטים דינמיים הוא שהם מגיעים במשקל אחד שמכיל בתוכו אינספור צירופים של משקלים.
היתרונות הם רבים - ביניהם: המון אפשריות עם גופן אחד - כותרות, טקסט רץ, אות ראווה...; זמני הטענה מהירים לאתרים [עקב משקלו הנמוך של הפונט] לכל המשקלים וכו׳.
פונטים דינמיים משתמשים במנגנוני וריאציות של אופן טייפ ומספקים גמישות רבה למעצבים, מאפשרים לנתוני הפונט להיות מיוצגים בפורמט יעיל, וחוסכים במשקל ברשת.
פונט דינמי מאפשר וריאציה מתמשכת לאורך ציר עיצוב נתון, כגון משקל:
1234.jpg
פונטים דינמיים מגדירים ציר אחד או יותר, אשר מאפייני העיצוב שלהם יכולים להשתנות. משקל הוא ציר אפשרי אחד של וריאציה, אבל סוגים שונים של וריאציה אפשריים כגון שינוי בסריף, שינוי בזווית, ועוד.פונטים דינמים יכולים לשלב שני או יותר צירים שונים של וריאציה. הדוגמא הבאה ממחישה שילוב של וריאציה של משקל ורוחב:
12345.jpg
נכון להיום פונטים דינמיים נתמכים בכל הדפדפנים ובתוכנות Photoshop, Illustrator מבית Adobe. ניתן לגשת לגופן דרך תפריט סליידרים שנוסף לתיבת הטקסט. לדוגמא גופן פטיש (הפונטיה) בתוך אילסטרטור הוא בעל 2 צירים, אחד למשקל והשני לרוחב, על ידי החלקת הסליידרים אפשר לשנות את צורת האות.
123.gif
העדכון לפורמט האופן טייפ הוצג ב-2016 עם שחרור גרסא 1.8 ושנה לאחר מכן כבר הופיע לכל משתמשי הענן של אדובי מספר פונטים דינמים בתיקיית הגופנים שלהם. המוצלח מבינהם הוא Acumin שעיצב רוברט סלימבאך. סנס סריף גיאומטרי בעל 3 צירים: ציר משקל, רוחב וזווית. המספרים מייצגים את הפרמטר, שלכל אחד יש גבול עליון ותחתון. לדוגמא זווית נטיה תהיה בין 0-12 מעלות, משקלים יהיו 100 לדק ועד 900 לשחור.
1235.gif
הצגת הפונטים הדינמיים משנה את הדרך שאני ניגש לתהליך עיצוב האות. מכיוון שאני מגדיר למעצב את ״גבולות הגזרה״ של משפחת האותיות, אני מרשה לעצמי לעצב הכי רחב והכי דק שאפשר, ולמתוח את גבולות המשפחה, דבר המאפשר לי מחקר מעניין על הצורה של האות ומעביר למעצב את שליטה באות. הוא יחליט מהו הרוחב והמשקל שישרתו אותו הכי טוב. לבחור סגנון לגופן שלך נהיה משחק בתוך צירים שהוגדרו מראש, העיצוב הופך בחשיבה מסטטי לדינמי והשליטה בצבע של גוש טקסט או ברוחב טור הופכת לפשוטה.ללא ספק, העתיד של הפונטים הוא דינמי. אין עוד מקום לאות סטטית בעולם שבו הכל זז, קופץ ורוקד. הבחירה של האות המתאימה נובעת ממערך שיקולים רחב יותר מאשר קריאות. כל אות היא יצירה אינטראקטיבית בפני עצמה.
איפה תמצאו פונטים דינמיים?בגוגל פונטס תמצאו המון פונטים דינמיים חינמיים באנגלית.
בעברית אין הרבה פונטים מהסוג הזה והם עולים לא מעט.
באתר של אאא תמצאו כמה פונטים כאלה ויש עוד כמה בפונטיה.
יש עוד מספר פונטים כאלו בעברית, חיפוש מהיר בגוגל יציג מספר תוצאות.
אין הרבה תוכנות התומכות בפונטים דינמיים, רוב תוכנת אדובי (פוטושופ, אילוסטרייטור ועוד..) תומכות בפונטים דינמיים.
תוכנת אופיס (וורד, פאוור פוינט ועוד..) לא תומכות.
בווב, כמעט כל הדפדפנים תומכים (למעט אינטרנט אקספלורר).
במדריך הבא נביא נסביר איך להפעיל את התכונות של פונטים דינמיים בתוכנו אדובי (יתכן שינוי קטן בתוכנות ובגרסאות השונות)
ניתן לזהות פונטים דינמיים על ידי הסמל שליד שם הגופן בתפריט הפונטים. על הסמל מופיע "VAR" קטן.
123456jpg
לאחר שבחרתם את הפונט יופיע כפתור קטן ליד שם הפונט (בתמונה למטה)
(בחלק מהגרסאות יופיעו לאחר בחירת הפונט ידיות עריכה שבתמונה למטה)
5844.jpg
חלק מה פונטים תומכים במשקלים לרוחב ולאורך, חלק רק לאורך. אבל זה משתנה מפונט לפונט.
כדי לשנות את הפונט הזיזו את הנקודות בהתאם למשקל אותו תרצו.
