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