IE9 только проблема шрифта (рендеринг резервного шрифта)

Question

IE9 только проблема шрифта (рендеринг резервного шрифта)

0

Сайт отлично работает на хроме и последней версии ff. Он также отлично работает и отображает правильный шрифт на IE8; Однако в IE9 он отображает более смелый шрифт.

 @font-face{
    font-family: 'effraregular';
    src: url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.eot");
    src: url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.eot?#iefix") format('embedded-opentype'),
    url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.woff") format('woff'),
    url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.ttf") format('truetype'),
    url("http://www.xxxx.com.au/assets/effra_std_rg-webfont.svg#effraregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'effralight';
    src: url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.eot");
    src: url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.eot?#iefix") format('embedded-opentype'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.woff") format('woff'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.ttf") format('truetype'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.svg#effralight") format('svg');
    font-weight: normal;
    font-style: normal;
}

Согласно другому вопросу, кажется, что исправление заключается в том, чтобы изменить формат от eot, до embedded-opentype, однако, как вы видите, это уже сделано.

семейство шрифтов используется в документе:

font-family 'effralight', 'effraregular', похоже, что в IE9 он использует нерегулярный шрифт возврата (если я живу, редактируя effraregular, чтобы удалить его, по умолчанию используется новый роман или что-то подобное).

doctype: <!DOCTYPE html SYSTEM "about:legacy-compat">

Melbourne2991 28 апр. 2014, в 05:52

Источник

0

Отсутствие необходимой информации: HTML и CSS-код, источник шрифта, реальные адреса, используемые для доступа к шрифтам, и т. Д.
Jukka K. Korpela 28 апр. 2014, в 04:47
0

Эй, я не могу заставить его работать даже на FF / Chrome ~ проверьте эту скрипку
Imran Bughio 28 апр. 2014, в 05:12

Теги:

html

css

fonts

internet-explorer

internet-explorer-9

1 ответ

Ещё вопросы

Отсутствие необходимой информации: HTML и CSS-код, источник шрифта, реальные адреса, используемые для доступа к шрифтам, и т. Д.
Эй, я не могу заставить его работать даже на FF / Chrome ~ проверьте эту скрипку

4dgaurav · Answer 1 · 2014-04-28T03-48-00.000Z

Попробуйте разместить meta в свой HTML как быстрый способ обхода, который позволит IE9 эмулировать IE8, возвращая исходный рендеринг. или для получения дополнительной информации о том же

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> в вашем разделе.

Но с этим вы должны пойти на компромисс с другими функциями IE9 такими как поддержка HTML5 и CSS3.

Как правило, когда вы IE9 визуализировать шрифт bold, требуемый переключатель будет иметь значение для font-weight 800 и 900.

или использовать

font-family: 'effralight';
    src: url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.eot");
    src: url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.eot?#iefix") format('embedded-opentype'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.woff") format('woff'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.ttf") format('truetype'),
    url("http://www.xxxx.com.au/images/assetimages/fonts/effra_light-webfont.svg#effralight") format('svg');
font-size: 0.75em;  
font-weight: 700;

Даже использование nomalize.css может помочь вам в том же