לחזרה למעלה לחצו כאן

שימוש בפונטים ייחודיים ב HTML – עכשיו גם בעברית

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

14/01/2013

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

  1. העלאת פונטים לשרת המארח
    בשיטה זו יש להעלות את הפונטים עצמם (במספר פורמטים) לשרת, ולהטמיע את הפונט בגליון ה-CSS בעזרת @font-face. לאחר מכן יש להגדיר את הפונט בקלאסים בהם רוצים להשתמש. רצוי בכל מקרה לציין בקלאס font-family שיכלול עוד פונט סטנדרטי אחד לפחות בנוסף לפונט שהטמענו, כדי להמנע מבעיות אפשריות.
    יש לשים לב שבמרבית המקרים רשיון השימוש הכללי של פונט שנרכש לא מתיר הטמעה שלו באתר אינטרנט, ויש לרכוש רשיון מיוחד לשם כך.
  2. Google WebFontsשימוש בספריית פונטים חיצונית
    בשיטה זו מקבלים קישור לקובץ CSS חיצוני שמכיל את הגדרות הפונט/ים הרצויים. לאחר מכן יש להגדיר את הפונט בקלאסים בהם רוצים להשתמש בהגדרת ה - font-family.
    ניתן לשלב פונטים חינמיים דרך שירות ה-webfonts של גוגל (פונטים לועזיים בלבד): http://www.google.com/webfonts .
    חברות נוספות כמו fonts.com ו typekit – מציעות שספריה בסיסית בחינם וספריה מורחבת בתשלום על בסיס חודשי.
    בעברית ניתן לציין את פונטביט שמציעה מגוון פונטים איכותיים: http://www.fontface.co.il/.

פנו אלינו למידע נוסף

טלפון:
מידע כללי:
מכתבים ל:
הגיא 131, הר אדר 9083600