@font -URL-адрес лица, указывающий на локальный файл

Мне нужно включить шрифт (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 имеет проблемы из-за проблем с безопасностью:См. здесь

29
задан Community 23 May 2017 в 12:02
поделиться