נמאס לכם מהפונטים באתר שלכם? רוצים להכניס קצת חיים לדפים באתר?

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

מהי טיפורגפיה?

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

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

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

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

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

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

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

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

רוצה להטמיע את הפונטים באתר ולא יודע איך?