רב האתרים בעברית משתמשים בגופן Arial.

ניתן למצוא ברשת גופנים חינמים.
אחד האתרים שאני מצאתי להורדת גופנים בחינם:
http://freefonts.co.il/

לאחר ההורדה חשוב לבדוק את זכויות ותנאי השימוש של הגופן.

ניתן לבדוק זאת אצל אתר מעצב הגופן.

תאור השלבים להוספת גופן חדש לאתר:

1. העלאה של קבצי הגופן לשרת. בד”כ שמים את הקבצים בספריה של קובץ ה css.

אני יצרתי ספריה חדשה בשם font תחת web-content.

2. בקובץ ה css יש להוסיף הגדרה לגופן. במקרה שלי ההגדרה התווספה לקובץ rtl.css.

יש לציין שכל דפדפן תומך בסוג מסויים של גופן לכן חשוב להכליל את כל הסוגים.
Safari – תומך ב: OTF, TTF, SVG
IE – תומך ב: EOT
Firefox – תומך ב: EOT & TTF

האלמנט שמגדיר בקובץ css את הגופן: @font-face

הנה דוגמא לשימוש ב @font-face

@font-face {
font-family: 'Alef';
src: url('font/Alef-Regular.eot');
src: url('font/Alef-Regular.eot?#iefix') format('embedded-opentype'),
url('font/Alef-Regular.woff') format('woff'),
url('font/Alef-Regular.ttf') format('truetype'),
url('font/Alef-Regular.svg#alefregular') format('svg');
font-weight: normal;
font-style: normal;
}