@ font-face в IE: всегда скачивать шрифт? - PullRequest
Новая
       25

@ font-face в IE: всегда скачивать шрифт?

0 голосов
/ 05 марта 2012

При использовании специального объявления шрифта в IE, как показано ниже: 

@font-face{
    font-family:'Arial Narrow';
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/ArialNarrow.eot');
    src:local('Arial Narrow'),
    local('ArialNarrow'),
    url('../fonts/ArialNarrow.eot') format('embedded-opentype'),
    url('../fonts/ArialNarrow.woff') format('woff');
}

Из того, что я вижу, хотя шрифт существует как системный шрифт, он настаивает на загрузке шрифта, который каждый раз предлагает мой лист. Чтобы быть более эффективным, есть ли способ загрузить шрифт в IE, только если это необходимо?

Ответы [ 2 ]

2 голосов
/ 05 марта 2012

Если вы указываете "Arial Narrow", я бы предложил вообще не использовать @ font-face. Это очень, очень распространенный шрифт, и его установит подавляющее большинство пользователей (Windows & Mac). Я бы просто указал запасной шрифт в вашем обычном стеке шрифтов: 

body {
 font-family: "Arial Narrow", Arial, Helvetica, "sans-serif";
}

Если вы используете менее распространенный (т. Е. Не веб-безопасный) шрифт, то ваш @ font-face настроен именно так, как и должно быть.

Вот большой ресурс о том, как часто встречаются отдельные шрифты в сети:

http://www.speaking -in-styles.com / веб-типографики / Web-Safe-Fonts /

Arial Narrow получает «скорее всего».

0 голосов
/ 06 марта 2012

С этим объявлением для IE6 +: 

@font-face{
    font-family:'Arial Narrow';
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/ArialNarrow.eot');
    src:local('Arial Narrow'),
    local('ArialNarrow'),
    url('../fonts/ArialNarrow.eot') format('embedded-opentype'),
    url('../fonts/ArialNarrow.woff') format('woff');
}

Это объявление для FF / Opera / Chrome / Safari: 

@font-face{
    font-family:'Arial Narrow';
    font-style:normal;
    font-weight:normal;
    src:local('Arial Narrow'),
    local('ArialNarrow'),
    url('../fonts/ArialNarrow.ttf') format('truetype');
}

IE 6/7/8 и ниже /Включен режим совместимости IE9 + WITH: Загружает связанный шрифт независимо от того, что.

Firefox / Opera / Chrome / Safari / IE9 + Режим выключения совместимости выключен: Использует системный шрифт, когда он доступен.Загружает связанный шрифт, когда системный шрифт недоступен.

Режим совместимости отключен с помощью: 

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Хорошая новость: шрифты кэшируются во всех браузерах.Их нужно загружать только один раз.

Окончательный ответ. Невозможно избежать загрузки файла @ font-face в IE 6/7/8 и IE 9+ с включенным режимом совместимости.

...