Мне нужно включить шрифт (OpenSymbol )в html файл и файл шрифта находится в локальной папке (я знаю точный абсолютный путь к нему ). Если я использую @font -такое лицо:
@font-face {
font-family: "OpenSymbol";
src: url("/OpenSymbol.ttf") format("truetype");
}
Он работает в Chrome, Opera и Safari, но не в Firefox и IE9. Другое использование шрифта @font -отлично работает во всех браузерах.
Кстати, в Chrome я получаю предупреждение:
Resource interpreted as Font but transferred with MIME type application/octet-stream
Что я могу сделать, чтобы правильно включить локально сохраненный шрифт, который не установлен в ОС?
Изменить:
Я обнаружил, что список разных URL-адресов, похоже, не работает! Chrome загружает шрифт, если я помещаю URL-адрес [...].ttf
на первое место, но не в другое место!
2-е редактирование:
Я заставил его работать во всех браузерах, кроме firefox:
@font-face {
font-family: 'OpenSymbol';
src: url('file:/openSymbol.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSymbolEOT';
src: url('file:/openSymbol.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
...
а затем
.element {
font-family: OpenType, OpenTypeEOT, [...];
}
Во всяком случае, это работает в IE, но не в eclipse, который использует механизм рендеринга IE... o.O
Кстати,Firefox имеет проблемы из-за проблем с безопасностью:См. здесь