[Guiltyspark]

Also der Thread ist schon so alt, da haben selbst die Maden nix mehr zum nagen, aber ich buddle ihn trotzdem nochmals aus und gebe einen Versuch, ihn wiederzubeleben

Ich habe da ein kleines Problemchen...
Es handelt sich hierbei um die Kombinationen:
- HTML5
- CSS3
- Firefox 7.0.1 und IE8

Da HTML5 in Verbindung mit CSS Level 3 immer mehr aufkommt, dachte ich mir, dass ich auch langsam mal auf den Zug aufspringen und mich etwas damit auseinander setzen sollte.

Was ich versuche:
Einen heruntergeladenen Font in einer HTML Seite anwenden.

Was ich getan habe:
Im HTML ist per link ein Stylesheet eingebunden.
Ich habe ein h1 Element mit der Klasse "UT".

Code:

<h1 class="UT">Titel im Unreal Tournament Style</h1>

Im Stylesheet sieht der Code zur Font Deklarierung so aus:

Code:

@font-face{
    font-family: 'UT';
    src:url('../Fonts/UT.eot'); /* Für IE */
    src:url('../Fonts/UT.ttf'); /* Für alles andere */
}
h1.UT{
    font-family:UT;
    font-weight:lighter;
}

Was ich erwarte:
Dass es beim IE (soll ja angeblich seit der Version 6 unterstützt werden), sowie auch bei allen anderen bekannten Browsern (Opera, FF, Chrome, Safari) der UT-Font richtig dargestellt wird.

Was tatsächlich passiert:
Im Opera 10.1 und 11.52, Chrome 15 und Safari 5 wird die Schrift wie erwartet dargestellt.
Im IE8 und FF 7.0.1 jedoch, passiert gar nichts.

Durch einen Workaround geht es beim Firefox, wenn ich bei der about:config die security.fileuri.strict_origin_policy auf false setze.

Das liegt jedoch wirklich nicht im Sinne des Betrachters, also ist das für mich inakzeptabel.


Durch recht viel Gegoogle wurde ich ehrlich gesagt nicht weiter schlau und fange so langsam aber sicher an zu verzweifeln

Kann mir da jemand einen Tipp geben?