מקלידים את שם העסק ורואים אותו בכל 62 הפונטים עם עברית ב-Google Fonts. משווים גדלים ומשקלים, מסננים לפי סגנון ומעתיקים קוד מוכן לאתר. כל הפונטים חינמיים, גם לשימוש מסחרי.
איך בוחרים פונט עברי לאתר של עסק
הכלי למעלה עוזר לצמצם את הרשימה. כמה דברים שכדאי לבדוק לפני שמחליטים:
- קריאות בגודל קטן. בעברית יש אותיות דומות, כמו ב ו-כ, ד ו-ר, ה ו-ח, ו ו-ז. הקטינו את הגודל ל-16 פיקסלים ובדקו שהן עדיין נבדלות. לטקסט רץ מתאימים בדרך כלל פונטים ללא סריפים כמו Heebo, Assistant או Rubik. פונט עם סריפים כמו Frank Ruhl Libre נותן מראה קלאסי יותר.
- משקלים לכותרות ולטקסט. בעברית אין אותיות גדולות, ולכן ההבדל בין כותרת לטקסט נשען על גודל ועל משקל. לטקסט רץ צריך משקל רגיל (400) ובדרך כלל גם מודגש (700). לכותרות אפשר לבחור פונט אחר, גם פונט תצוגה, ובמצב ״כותרת וטקסט יחד״ רואים איך השניים נראים ביחד.
- מספרים, סימני פיסוק ומילים באנגלית. בשורה בעברית, מספרים ומילים באנגלית נכתבים משמאל לימין. בדקו טלפון, מחיר עם ₪ ושעה. ודאו גם שהדף מוגדר כ-
dir="rtl", אחרת נקודה או סוגריים בסוף שורה מעורבת יכולים לקפוץ לצד הלא נכון. - אותיות לטיניות. כל הפונטים ברשימה כוללים גם אותיות לטיניות, אבל לא בכולם הן נראות טוב ליד העברית. אם שם המותג באנגלית, הקלידו אותו בתיבה ובדקו את השילוב.
הפונט הוא חלק מהזהות של העסק, לצד הלוגו והצבעים. כתבנו על זה עוד במדריך מיתוג דיגיטלי לעסקים.
איך מוסיפים פונט מ-Google Fonts לאתר
בוחרים בכלי פונט ומשקל, מעתיקים את הקוד, ואז ממשיכים לפי המערכת שעליה בנוי האתר.
Wix
בעורך של Wix פותחים את רשימת הפונטים של רכיב טקסט ומוסיפים שם עברית כשפה. אחרי זה הפונטים שתומכים בעברית מופיעים בכל רשימות הפונטים באתר. אם הפונט שבחרתם לא שם, אפשר להעלות אותו בקובץ TTF, OTF, WOFF או WOFF2. פונט שהעליתם לא יעבוד בבלוג של Wix ובחלק מהאפליקציות.
WordPress
בתבנית בלוקים, מגרסה 6.5, יש בעורך האתר ספריית פונטים שמתקינה פונטים מ-Google Fonts בלי קוד. בתבנית קלאסית, בהרבה תבניות בוחרים פונט בהגדרות. אם הפונט לא שם, מוסיפים את הקוד שהעתקתם ל-head דרך תבנית בת או תוסף להוספת קוד.
Shopify
ספריית הפונטים של Shopify כוללת רק תווים לטיניים וסימני מטבע, כך שאותיות עבריות לא מגיעות ממנה. מעתיקים בכלי את הקוד בפורמט HTML, מדביקים את תגי ה-link בקובץ theme.liquid בתוך ה-head, ואת שורת font-family בקובץ ה-CSS של התבנית. כדאי לשכפל את התבנית לפני שעורכים את הקוד שלה.
אתר שנבנה בקוד
מדביקים את תגי ה-link בתוך ה-head, או את שורת ה-@import בראש קובץ ה-CSS. בפרויקט Next.js אפשר להשתמש ב-next/font/google, שמגיש את קובצי הפונט מהאתר עצמו.
מה מותר לעשות עם פונט ברישיון OFL
כל הפונטים בכלי מופיעים ב-Google Fonts תחת SIL Open Font License, גרסה 1.1. בדקנו את זה בנתונים ש-Google Fonts מפרסמת על כל פונט ובקובץ הרישיון שמגיע עם הפונט. לפי לשון הרישיון:
- מותר להשתמש בפונט, להעתיק אותו, להטמיע אותו באתר או בתוכנה ולשנות אותו, בלי תשלום.
- אסור למכור את הפונט עצמו כמוצר בפני עצמו. מותר לצרף אותו לתוכנה, גם לתוכנה שנמכרת, כל עוד מצורפות אליו הודעת זכויות היוצרים והרישיון.
- מי שמשנה את הפונט ומפיץ את הגרסה שלו לא יכול לקרוא לה בשם השמור של הפונט המקורי בלי אישור בכתב, וחייב להפיץ אותה תחת אותו רישיון.
- החובה להישאר תחת הרישיון לא חלה על מסמכים שנוצרו עם הפונט. אתר, לוגו, מצגת או עלון שעיצבתם בו לא צריכים להיות תחת OFL.
הרישיון לא נותן בלעדיות: כל אחד יכול להשתמש באותו פונט. הנוסח המלא נמצא באתר openfontlicense.org.
אתר מהיר: טוענים רק את מה שמשתמשים בו
לפי התיעוד של Google Fonts, בקשה של סגנונות שלא משתמשים בהם עלולה לגרום לגולשים להוריד יותר נתוני פונט ממה שצריך, ולהאט את הטעינה. לכן הקוד שהכלי מעתיק כולל רק את המשקל שבחרתם. אם צריך גם מודגש, מוסיפים אותו לכתובת, למשל wght@400;700.
הפרמטר display=swap, שכבר נמצא בקוד, מציג את הטקסט בפונט חלופי עד שהפונט נטען, כך שהגולש לא מחכה מול טקסט ריק. אם הפונט משמש רק ללוגו או לכותרת אחת, אפשר להוסיף לכתובת את הפרמטר text= עם האותיות שצריך. לפי Google, זה יכול להקטין את קובץ הפונט בעד 90%.
כך עובד גם הכלי הזה: כל פונט נטען רק כשהכרטיס שלו מתקרב למסך.
מקורות
- הנתונים ש-Google Fonts מפרסמת על כל פונט: סגנון, משקלים, רישיון ורשימת התווים
- התיעוד של Google Fonts CSS2 API: בקשת משקלים, display ו-text
- התיעוד של Shopify על ספריית הפונטים
- העזרה של Wix: הוספת שפות והעלאת פונטים
- ההכרזה על WordPress 6.5: ספריית הפונטים
הרשימה נבדקה מול Google Fonts באוקטובר 2026.
רוצים זהות מותגית עם פונט, לוגו וצבעים שעובדים יחד?
לשירותי המיתוג