תיקון Open Sans Hebrew בדפדפן אקספלורר

חיפוש באתר
לשאלות ותשובות ברוכים הבאים לאתר wpHeb. אתר תמיכה ומדריכים למערכת וורדפרס. באתר תוכלו למצוא מדריכים וטיפים טובים לשימוש במערכת וורדפרס וכמובן הורדות לפלאגינים ותבניות. עם זאת, קיימת באתר מערכת שאלות ותשובות להתייעצויות ותמיכה במערכת.
פוסטים מומלצים
קישורים מומלצים
תיקון Open Sans Hebrew בדפדפן אקספלורר
2 יוני, 2017

הרבה מנהלי אתרים מגלים שהאתר שלהם שהגופן העיקרי בו הוא 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');
}

שימו לב שהמיקום של הקבצים זהה למיקום של הקבצים אצלכם בשרת.