определить, включена ли загрузка шрифта в IE

Поскольку эта функция предотвращает загрузку, (довольно грязное) решение будет состоять в том, чтобы попросить IE загрузить так называемый шрифт, который на самом деле является простым скриптом на вашем сервере, который помещает, например. cookie, говорящий «хорошо, он получил шрифт» и возвращающий пустую страницу. Когда пользователь загружает следующую страницу, вы развернете механизм Javascript, если файл cookie отсутствует.

Я понимаю, что этот вопрос устарел, но эта проблема все еще существует для некоторых корпоративных пользователей Интернета со строгой ИТ-безопасностью. Я просмотрел приведенные выше и другие решения, но они не сработали для меня, поэтому я нашел другое решение, которое не требует кода на стороне сервера, javascript и css. По сути, это магия, но у нее есть некоторые ограничения.

Ограничение 1: Это будет работать только для иконочных шрифтов, которые используют кодовые точки с большими номерами для отображения изображений. Это не будет работать для шрифтов шрифтов для читаемого текста.

Ограничение 2: Вы должны найти стандартный символ UTF-8, который является подходящей заменой для вашего пользовательского значка.

Например, если у вас есть собственный шрифт, который вы используете для отображения символа звезды, подходящим запасным вариантом для него будет кодовая точка Unicode 0x2605 ★. Таким образом, в вашем коде генерации шрифта вам нужно будет жестко закодировать этот код для вашего класса css для вашего значка звезды. Если бы вы использовали «grunt-webfont», вы бы сделали что-то подобное в своем файле grunt:

webfont: {
    icons: {
        options: {
           codepoints: {
              'star': 0x2605
       ...
}}}}

Звезда — прекрасный пример; может быть сложно найти подходящую замену UTF8 для ваших причудливых значков, поэтому это может не работать для всех. Учитывая, что эта проблема затрагивает очень небольшое количество пользователей, мы посчитали, что это подходящее прозрачное решение, которое не влияет на обычных пользователей из-за лишних js/css/cookie.

Основываясь на блок-схеме @Zopieux, я смог заставить этот скрипт работать для IE6-9, когда загрузка шрифтов отключена, что в моем случае было для клиента, где, как и в других корпоративных интрасетях, этот параметр отключен.

CSS:

@font-face {  
    font-family: 'TestFont';  
    src: url('/includes/font.php?type=eot');  
    src: url('/includes/font.php?type=eot#iefix') format('embedded-opentype'),  
     url('/includes/font.php?type=woff') format('woff'),
     url('/includes/font.php?type=ttf') format('truetype'),
     url('/includes/font.php?type=svg#UniversLTStd49LtUltraCn') format('svg');
    font-weight: normal;  
    font-style: normal;  
}  

PHP, когда запрашивается URL-адрес src шрифта, он извлекает этот скрипт, который проверяет тип, устанавливает файл cookie и обслуживает выбранный веб-шрифт. Если загрузка шрифтов включена и вы не перенаправляетесь к файлу шрифта, IE выдаст ошибку @font-face:

<?php
$type = $_REQUEST['type'];
$location = "Location: /includes/fonts/universltstd-lightultracn-webfont.".$type;

// create a cookie
setrawcookie("FontDownloaded", 1, time()+3600*24, '/');
header($location);

?>

JS, затем на стороне клиента сделайте что-то подобное, чтобы проверить наличие файла cookie, и выполните альтернативу, например cufon-yui.js или typeface.js:

$(function() {
    $('body').append('<span id="TestFont"/>');
    $('#TestFont').html('Testing').css({
        fontFamily: 'TestFont',
        opacity: 0
    });

    // find cookie
    bool = Boolean(getCookie('FontDownloaded')); // use your own cookie method

    if (!bool) {
        // implement @font-face fallback        
        Cufon.replace('.items', { fontFamily: 'NewFont' });
    }
    $('#TestFont').remove();
});