@ font-face-URL, die auf die lokale Datei verweist
Ich muss eine Schriftart (OpenSymbol) in eine HTML-Datei einfügen und die Schriftartdatei befindet sich in einem lokalen Ordner (ich kenne den genauen absoluten Pfad dazu). Wenn ich @ font-face so benutze:
@font-face {
font-family: "OpenSymbol";
src: url("<absolutePath>/OpenSymbol.ttf") format("truetype");
}
Es funktioniert in Chrome, Opera und Safari, aber weder in Firefox noch in IE9. Andere @ font-face-Anwendungen funktionieren in allen Browsern einwandfrei.
Übrigens bekomme ich in Chrome eine Warnung:
Resource interpreted as Font but transferred with MIME type application/octet-stream
Was kann ich tun, um eine lokal gespeicherte Schriftart sauber aufzunehmen?nicht installiert auf dem OS?
Bearbeiten:
Ich habe herausgefunden, dass die Auflistung der verschiedenen URLs nicht zu funktionieren scheint! Chrome lädt die Schriftart, wenn ich die platziere[...].ttf
url an erster stelle, aber nicht wenn es woanders ist!
2. Bearbeitung:
Ich habe es in allen Browsern außer Firefox zum Laufen gebracht:
@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;
}
...
und dann
.element {
font-family: OpenType, OpenTypeEOT, [...];
}
Wie auch immer, es funktioniert im IE, aber nicht in Eclipse, das die Rendering-Engine des IE verwendet ... o.O.
Übrigens hat Firefox Probleme aufgrund von Sicherheitsproblemen:Siehe hier