adres URL @ font-face wskazujący na plik lokalny
Muszę dołączyć czcionkę (OpenSymbol) do pliku html, a plik czcionki znajduje się w lokalnym folderze (znam dokładną bezwzględną ścieżkę do niego). Jeśli użyję @ font-face w następujący sposób:
@font-face {
font-family: "OpenSymbol";
src: url("<absolutePath>/OpenSymbol.ttf") format("truetype");
}
Działa w Chrome, Opera i Safari, ale nie w Firefox ani IE9. Inne użycie @ font-face działa doskonale we wszystkich przeglądarkach.
Btw, w Chrome dostaję ostrzeżenie:
Resource interpreted as Font but transferred with MIME type application/octet-stream
Co mogę zrobić, aby czysto dołączyć lokalnie zapisaną czcionkę, która jestnie zainstalowany w systemie operacyjnym?
Edytować:
Dowiedziałem się, że lista różnych adresów URL nie działa! Chrome ładuje czcionkę, jeśli umieściłem[...].ttf
url w pierwszej kolejności, ale nie, jeśli jest gdzieś indziej!
2. edycja:
Mam go do pracy we wszystkich przeglądarkach z wyjątkiem 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;
}
...
i wtedy
.element {
font-family: OpenType, OpenTypeEOT, [...];
}
W każdym razie działa w IE, ale nie w eclipse, który używa silnika renderującego IE ... o.O
Btw, Firefox ma problemy z powodu problemów z bezpieczeństwem:Spójrz tutaj