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?