הרבה מנהלי אתרים מגלים שהאתר שלהם שהגופן העיקרי בו הוא Open Sans Hebrew שאותו הם לקחו מה-Early Access של גוגל לא נתמך בכלל בדפדפן אקספלורר. הגופן פשוט לא מציג את הטקסט והכל נראה ריק ומשובש. אז יש פיתרון.
ראשית, מחקו את ההכוונה שיש לכם עכשיו לגופן.
הורידו את הקבצים האלו ומקמו אותם בתיקיה של השרת שלכם (אני שמתי אותם ב- addons/fonts לשם הדוגמא)
והוסיפו את הקוד הבא לראש ה-CSS שלכם
@font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 300; src: url(/addons/fonts/opensanshebrew-lightitalic-webfont.eot); src: url(/addons/fonts/opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-lightitalic-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-lightitalic-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 300; src: url(/addons/fonts/opensanshebrew-light-webfont.eot); src: url(/addons/fonts/opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-light-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-light-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 400; src: url(/addons/fonts/opensanshebrew-italic-webfont.eot); src: url(/addons/fonts/opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-italic-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-italic-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 400; src: url(/addons/fonts/opensanshebrew-regular-webfont.eot); src: url(/addons/fonts/opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-regular-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-regular-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 700; src: url(/addons/fonts/opensanshebrew-bolditalic-webfont.eot); src: url(/addons/fonts/opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-bolditalic-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-bolditalic-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 700; src: url(/addons/fonts/opensanshebrew-bold-webfont.eot); src: url(/addons/fonts/opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-bold-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-bold-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Hebrew'; font-style: italic; font-weight: 800; src: url(/addons/fonts/opensanshebrew-extrabold-webfont.eot); src: url(/addons/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype'); } @font-face { font-family: 'Open Sans Hebrew'; font-style: normal; font-weight: 800; src: url(/addons/fonts/opensanshebrew-extrabold-webfont.eot); src: url(/addons/fonts/opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'), url(/addons/fonts/opensanshebrew-extrabold-webfont.woff) format('woff'), url(/addons/fonts/opensanshebrew-extrabold-webfont.ttf) format('truetype'); }
שימו לב שהמיקום של הקבצים זהה למיקום של הקבצים אצלכם בשרת.