מהיכן מורידים פונטים חינמיים בעברית ואיך מתקינים אותם באתר שלכם?

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

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

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

למאגר הפונטים החינמי של גוגל לחצו כאן

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

איך מתקינים פונטים חדשים במחשב?

במערכת ההפעלה WINDOWS זה מאוד פשוט:

1. אתם ניגשית אל ספריית הפונטים שלכם במערכת חלונות, בד"כ היא תהיה בכתובת: C:\Windows\Fonts
2. מחלצים את קבצי הפונטים מתוך קובץ ה ZIP שזה עתה הורדתם, ופשוט מעתיקים אותם (העתק-הדבק)אל תיקיית הפונטים של חלונות.
3. בשלב זה אתם אמורים לראות  חלון קטן עם תהליך ההתקדמות של WINDOWS על התקנת הפונטים, המתינו לסיום התהליך.
4. ו… זהו בעצם, כמעט בכל תוכנה הפונטים כבר יופיעו אוטומטית ברשימת הפונטים שלכם, כולל תוכנות ADOBE (פוטושופ וכו') למיניהן.
5. בפעמים נדירות צריך גם לעשות ריסטרט כדי שההתקנה תיכנס לתוקף.

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

התקנת פונטים חדשים על מחשבי MAC

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

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

איך מתקינים פונטים חדשים באתרי וורדפרס?

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

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

1. כנסו והתחברו אל לוח הבקרה של אתר הוורדפרס שלכם.
2. לאחר מכן בתפריט הניהול הצידי עמדו עם העכבר מעל "אלמנטור" ובתפריט המשני שנפתח בחרו "פונטים".
3. לאחר מכן לחצו על "הוסף חדש" (Add New) ושם בחרו את משפחת הפונט. למשל: open-sans
4. לאחר מכן מתחיל להוסיף וריאציות, או יותר נכון משקלים לאותה משפחת פונטים (למשל: regular, bold וכו').
5. השלב הבא: ניגשים אל אלמנטור > הגדרות > פונטים ברירת מחדל.
6. בחרו את הפונטים הרצויים ושמו. זהו בעצם. הפונטים הותקנו.

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

1. התחברו אל לוח הבקרה של הוורדפרס ולכו אל: תוספים > תוסף חדש.
2. בשורת החיפוש כתבו Use Any Font ולאחר מכן לחצו על התקנה, ולאחר מכן על הפעלה.
3. אתם תראו שנוספה לכם רובריקה חדשה בסרגל הניהול הצידי (בד"כ למטה) שנקראת Use Any Font, לחצו עליה.
4. כנסו ללשונית upload font ולחצו תחתיה על כפתור upload fonts.
5. לאחר שלחצתם יפתח חלון אשר יאפשר לכם לבחור את הקובץ מתוך המחשב שלכם, בחרו אותו ולאחר מכן לחצו על upload.
6. לאחר שהעלתם את הפונטים הרצויים, גשו אל לשונית assign font ושםלחצו על כפתור assign font.
7. בחלון שיפתח בחרו את סוג הפונט וסמנו V היכן הוא אמו להופיע. (למשל: משקל רגיל בגוף הטקסט, משקל בולד בכותרות וכו'. מצורף גם צילומסך.

התקנת פונטים בוורדפרס

8. שמרו את השינויים ע"י לחיצה על assign font, וזהו בעצם, הפונט הותקן באתר.

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

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

מקווה שנהנתם 🙂

יואב.