@ шрифт лицо работает локально на IE10, но не на сервере

Question

я проверил, и файлы шрифтов на сервере:

@font-face { 
    font-family: 'DroidSerifRegular'; 
    src: url('fontface/DroidSerif-Regular-webfont.eot'); 
    src: url('fontface/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fontface/DroidSerif-Regular-webfont.woff') format('woff'), 
     url('fontface/DroidSerif-Regular-webfont.ttf') format('truetype'), 
     url('fontface/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg'); 
    src: local('☺'), 
     url('fontface/DroidSerif-Regular-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 

} 
@font-face { 
    font-family: 'DroidSerifItalic'; 
    src: url('fontface/DroidSerif-Italic-webfont.eot'); 
    src: url('fontface/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fontface/DroidSerif-Italic-webfont.woff') format('woff'), 
     url('fontface/DroidSerif-Italic-webfont.ttf') format('truetype'), 
     url('fontface/DroidSerif-Italic-webfont.svg#DroidSerifItalic') format('svg'); 
    src: local('☺'), 
     url('fontface/DroidSerif-Italic-webfont.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

EDIT: Что странно, что шрифт отображается правильно в IE8, но не IE9 или IE10.

Я также попытался:

@font-face { 
    font-family: 'DroidSerifRegular'; 
    src: local('☺'), 
     url('http://www.mysite.ca/themes/mysite/fontface/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
     url('http://www.mysite.ca/themes/mysite/fontface/DroidSerif-Regular-webfont.woff') format('woff'), 
     url('http://www.mysite.ca/themes/mysite/fontface/DroidSerif-Regular-webfont.ttf') format('truetype'), 
     url('http://www.mysite.ca/themes/mysite/fontface/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

И мой .htaccess:

AddType font/ttf .ttf 
AddType font/eot .eot 
AddType font/otf .otf 
AddType font/woff .woff 

<FilesMatch "\.(ttf|otf|eot|woff)$"> 
    <IfModule mod_headers.c> 
     Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch> 

Другой EDIT:

Я только что проверил в IE, и я получаю это сообщение:

CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable 

Answer 1

Попробуйте удалить эта часть:

local('☺') 

Или добавить остальные шрифты в этой части тоже, как

src: local('☺'), 
url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype'); 

И вы можете подтвердить, что вы все эти шрифты на сервере тоже?

---

Попробуйте использовать этот инструмент для создания YOUT шрифтов: http://www.fontsquirrel.com/tools/webfont-generator

Выберите «Эксперт» вариант управления и переход от «СРВ Сжатый» до «СРВ Lite»

Answer 2

У меня было то же самое проблемы на IIS-сервере и, наконец, понял, что мне пришлось добавить moff-type «woff» на ISS, чтобы файл был доставлен. Казалось, что другие браузеры поддерживают другие типы файлов, так что они брали других, когда они не могли получить доступ к woff, но ie11 нуждались в woff.

Answer 3

Варианты IIS-Server до 8, по-видимому, не имеют добавленного по умолчанию «woff» типа mime. Добавьте его в список (сервер> ваш сайт> mime-types), и все будет в порядке. Это по крайней мере решило ошибку CSS3114 в IE 11 для меня. У FF и Chrome никогда не было проблем с этим, поскольку они, похоже, менее ограничительны в этом вопросе.