debugging @font-face مشكلات في IE9

على الرغم من العمل بسلاسة في IE8 وغيرها من المتصفحات ، يعرض مواجهات font-face صعوبات في IE9. تنشأ هذه المشكلة على وجه التحديد على الموقع المباشر ، في حين أن المشاهدة المحلية على كمبيوتر المستخدم لا تمثل أي مشكلات.

رمز CSS المعني هو:

Font-Family: 'Leaguegothicregular' ؛ SRC: url ('leage_gothic_0-webfont.eot') ؛ SRC: تنسيق محلي ('League Gothic regular') ، url ('League_gothic_0-webfont.woff') ('woff') ، url ('leage_gothic_0-webfont.ttf') تنسيق ('truetype') ، url ('leage_gothic_0-webfont.svg التنسيق ('svg') ؛ font-weight: normal ؛ طراز الخط: طبيعي ؛ }

@font-face {
                font-family: 'LeagueGothicRegular';
                src: url('league_gothic_0-webfont.eot');
                src: local('League Gothic Regular'), url('league_gothic_0-webfont.woff') format('woff'), url('league_gothic_0-webfont.ttf') format('truetype'), url('league_gothic_0-webfont.svg#webfonta36nFpyE') format('svg');font-weight: normal;font-style: normal;
}

تم الإبلاغ عن مشكلة مماثلة ، مع عمل الخط في جميع إصدارات IE باستثناء IE9. ومع ذلك ، فإن تغيير وضع المستند (عبر أدوات مطور F12) يحل المشكلة ، وإن لم يكن مثاليًا.

تحديث: من خلال تضمين اختلافات الخطوط الكاملة التي تم إنشاؤها بواسطة مولد fontsquirrel @font-font واستخدام تقنية Smileyface-Local ، تم حل المشكلة:

@font-face { Font-Family: "Lucidafax-Bold" ؛ SRC: url ("_ font/lucidafax-bold.eot") ؛ SRC: محلي ("☺") ، url ("_ font/lucidafax-bold.woff") تنسيق ("woff") ، url ("_ font/lucidafax-bold.ttf") تنسيق ("truetype") ، url ("_ font/lucidafax-bold.svg#lucidafax-bold") ("svg") ؛ } H1 {font-family: "Lucidafax-Bold" ، serif ؛}

 بالإضافة إلى ذلك ، تم استخدام HARK "Tarquin" Wilton-Jones-Shadow Hack لتحقيق تصميم مرئي متسق عبر إصدارات IE. [&&.