Hallo,
ich versuche gerade @font-face in men Template einzubinden. Das funktioniert im Google Chrome auch ganz gut. Firefox und IE machen leider Probleme. Ich benutze Joomla 1.5.23 und die YAML Komponente für Joomla (jyaml).
In der basemod.css habe ich folgendes eingetragen:
Der Auferuf wird dann so gemacht:Code:@font-face { font-family: Exotc350DmBdBTDemiBold; src: url("../../../fonts/exotc350_dmbd_bt_demi-bold_wwww.font-cat.com-webfont.eot"); src: local(Exotc350DmBdBTDemiBold); src: url("exotc350_dmbd_bt_demi-bold.eot?#iefix") format("embedded-opentype"); src: url("exotc350_dmbd_bt_demi-bold.woff") format("woff"); src: url("exotc350_dmbd_bt_demi-bold.ttf") format("truetype"); src: url("exotc350_dmbd_bt_demi-bold.svg#Exotc350DmBdBTDemiBold") format("svg"); font-weight: normal; font-style: normal; }
Im Chrome, Safari und IE im Kompatibilitätsmodus funktioniert es sehr gut.Code:#col2 h3 { color:#666; padding:5px; font-family: "Exotc350DmBdBTDemiBold"; font-size:24px; }
Leider funktioniert es im Firefox und im IE mit ausgeschaltetem Kompatibilitätsmodus nicht.
Weiß Jemand woran es liegen könnte? @font-face wird ja von allen aktuellen Browsern unterstützt.
In einer Testdatei (einfache HTML-Datei ohne Joomla) funktioniert es übrigens in allen Browsern.


LinkBack URL
About LinkBacks
Zitieren
Lesezeichen