Eu preciso incluir uma fonte (OpenSymbol) em um arquivo html eo arquivo de fonte está em uma pasta local (eu sei o caminho absoluto para isso). Se eu usar @ font-face assim:

@font-face {
  font-family: "OpenSymbol";
  src: url("<absolutePath>/OpenSymbol.ttf") format("truetype");
}

Funciona no Chrome, Opera e Safari, mas não no Firefox nem no IE9. Outro uso da fonte @ font-face funciona perfeitamente bem em todos os navegadores.

Btw, no Chrome, recebo um aviso:

Resource interpreted as Font but transferred with MIME type application/octet-stream

O que posso fazer para incluir de forma limpa uma fonte armazenada localmente,não instalado no sistema operacional?

Editar:

Descobri que a listagem de URLs diferentes parece não funcionar! Chrome carrega a fonte se eu colocar o[...].ttf url em primeiro lugar, mas não se for em outro lugar!

2ª edição:

Eu tenho que trabalhar em todos os navegadores, exceto o 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;
}
...

e depois

.element {
  font-family: OpenType, OpenTypeEOT, [...];
}

De qualquer forma, funciona no IE, mas não no eclipse, que usa o mecanismo de renderização do IE ... o.O

Btw, o firefox tem problemas por causa de problemas de segurança:Veja aqui