השתמש בגופנים משתנים

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

לגופנים משתנים יש מספר יתרונות על פני גופנים מסורתיים:

• שליטה: עם גופנים מסורתיים, אתה מוגבל למאפיינים קבועים מראש. למשל, ייתכן שתצטרך לבחור בין משקל של 400 או 600. עם גופנים משתנים יש לך שליטה מלאה, המאפשרת לך לבחור משקל של 475 אם זה הכי טוב לעיצוב שלך.
• ביצועים: על ידי שימוש בקובץ גופן יחיד הכולל את כל הווריאציות, גופנים משתנים יכולים להפחית את מספר בקשות ה-HTTP ואת הגודל הכולל של הקובץ הנדרש לטעינת סגנונות גופנים שונים, ובכך לשפר את ביצועי האתר.
• טיפוגרפיה רספונסיבית: גופנים משתנים מאפשרים התאמות דינמיות לטיפוגרפיה על בסיס גודל מסך, רזולוציה או העדפות משתמש. למשל, גופן יכול להיות דחוס יותר במסכים קטנים כדי לחסוך מקום או להגביר ניגודיות בגדלים קטנים לקריאות טובה יותר.
• אינטגרציה עם CSS: ניתן לשלוט בגופנים משתנים באמצעות CSS. מאפיינים כמו `font-weight`, `font-stretch` ו-`font-style` ניתנים להתאמה עם ערכים מעבר לקבוצה הקבועה הרגילה, מה שמספק שליטה מדויקת יותר. זה גם אומר שאתה יכול להוסיף אנימציות לגופנים משתנים.

הוסף גופנים משתנים

לפני השימוש בגופנים משתנים, עליך לייבא אותם באמצעות ממשק הניהול של WordPress. 

הערה: לגופנים משתנים יש מספר משתנים שבהם אתה יכול להשתמש כדי להתאים אותם. רוחב ומשקל הם השניים הנפוצים ביותר ושני אלה נתמכים ב-Elementor.  

כדי להוסיף גופן משתנה:

1. אתר גופן משתנה שברצונך להשתמש בו והורד אותו למחשב שלך. ייתכן שתצטרך לחלץ את הקובץ.
   גופנים משתנים זמינים ממספר ספקים כולל Google Fonts. ב-Google Fonts אתה יכול לבדוק את המשקל והרוחב המינימליים והמקסימליים על ידי לחיצה על Type Tester ושימוש במחוונים כדי לגלות את הערכים המינימליים והמקסימליים.
   
   רשום את המשקל והרוחב המינימליים והמקסימליים של הגופן. תזדקק לזה מאוחר יותר.
   
2. עבור לממשק הניהול של WordPress ונווט אל Elementor > גופנים מותאמים אישית.
   מסך הגופנים המותאמים אישית מופיע.
   
3. לחץ על הוסף חדש.
   
4. לחץ על הוסף גופן משתנה.
   מסך ההעלאה מופיע.
   
5. לחץ על העלה ונווט למיקום של קובץ הגופן.
   
6. בחר את קובץ הגופן המשתנה ובפינה הימנית התחתונה, לחץ על בחר קובץ ttf.
   
7. בתיבת הטקסט הזן משפחת גופנים, תן לגופן שם.
   
8. סמן את רוחב והזן את הרוחב המינימלי והמקסימלי של הגופן שלך. מידע זה זמין מיוצר הגופן.
9. סמן את משקל והזן את המשקל המינימלי והמקסימלי של הגופן שלך. מידע זה זמין מיוצר הגופן.
   
   Note

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

השתמש בגופנים משתנים בעורך elementor

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

כדי להשתמש בגופנים משתנים בווידג’ט:

1. גרור ווידג’ט שיש בו טקסט אל הקנבס.
   
2. בפאנל, בחר באפשרות טיפוגרפיה. אפשרות זו נמצאת בדרך כלל בלשונית סגנון.
3. לחץ על סמל העיפרון .
   רשימה של גופנים ואפשרויות גופנים מופיעה.
   
4. בחר גופן משתנה. גופנים אלה ממוקמים בחלק העליון של רשימת הגופנים בקטע שכותרתו גופנים משתנים.
   
5. השתמש במחוונים רוחב ו/או משקל כדי לקבוע את מראה הגופן.
   הטקסט שלך מופיע כעת בדיוק כפי שאתה רוצה.