Thema: Probleme mit @font-face im Mozilla

Hallo allerseits!

Ich habe da ein Problem mit dem CSS Befhel @font-face im Mozilla...
Ich habe auf meiner Website zwei Fonts eingebunden - die Canard und die GoodTimes.
Im IE und Safari funktioniert auch alles einwandfrei. Nur der Mozilla bereitet mir Kopfschmerzen.

Unter Mac OS X funktioniert nur die Einbindung der Canard, unter Windows keine der beiden... Auf beiden Systeme habe ich die neuste Mozilla Version laufen.

Ich habe Joomla Version 1.5.22 installiert und arbeite mit einem selbstgeschriebenen Template.

Hier mein Quellcode für die Schrifteinbettung:
@font-face {
font-family: 'Canard';
src: url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/canard-webfont.eot');
src: local('☺'), url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/canard-webfont.woff') format('woff'), url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/canard-webfont.ttf') format('truetype'), url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/canard-webfont.svg#webfont7bbTHgPl') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GoodTimes';
src: url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/good_times_rg-webfont.eot');
src: local('☺'), url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/good_times_rg-webfont.woff') format('woff'), url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/good_times_rg-webfont.ttf') format('truetype'), url('http://www.eventtechnik-wagner.de/jugendsuende/templates/jugendsuende/fonts/good_times_rg-webfont.svg#webfontRJVvo8XB') format('svg');
font-weight: normal;
font-style: normal;
}

und die Divs mit den entsprechenden Schriften:

#menu {
position: absolute;
left: 343px;
top: 161px;
width: 512px;
height: 27px;
z-index: 2;
font-family: 'Canard';
font-size: 22px;
text-transform: uppercase;
}
---- das ist der Bereich der unter Mac OS X funktioniert... ----
h1 {
font-family: 'GoodTimes';
font-size: 16px;
color: #FFF;
padding-left: 10px;
padding-top: 10px;
margin-bottom: 17px;
line-height: 60%;
text-transform: uppercase;
}
---- das funktioniert in keiner Mozilla Version (Windows oder Mac OS X)------

Anschauen könnt ihr euch das ganze "Live" unter
http:77www.eventtechnik-wagner.de/jugendsuende

Wäre super, wenn mir irgendjemand bei meiner Porblemlösung helfen könnte!
Vielen dank schon im Voraus!!!

na unter Ubuntu gehts vielleicht... aber bei mir am Mac funzt nur die Canard (also irgendwie schon ne Änderung zu vorher, weiss nur nicht warum..)... und in meiner virtuellen maschine läuft es im IE 8 und IE7 nur im mozilla geht hier gar nix... auch das mit den verkürzten URLs via fontsquirrel hat nicht wirklich geholfen... noch jmd ne idee? ich verzweifel hier echt langsam.... :-(

Hallo,
ich habe das gleiche Problem auf dem PC. Die Schriftart habe ich mit dem fontsquirrel-generator umgewandelt und das CSS-Script in die template.css kopiert. Die Font-Dateien liegen im selben Ordner, an den Pfaden kann es nicht liegen. Hat jemand eine Idee? Im Troubleshooting von fontsquirrel steht ein Hinweis auf mögliche Probleme mit der .htaccess. Die Schrift wird aber angezeigt, wenn ich online die Demo-Seite im Browser aufrufe. Wenn die .htaccess Probleme bereiten würde, wäre das ja auch nicht möglich.


Also in der template.css steht folgendes:

@font-face {
font-family: 'meineschrift';
src: url('meineschrift-webfont.eot');
src: url('meineschrift-webfont.eot?iefix') format('eot'),
src: url('meineschrift-webfont.woff') format('woff'),
url('meineschrift-webfont.ttf') format('truetype'),
url('meineschrift-webfont.svg#webfont89xw9kcS') format('svg');
font-weight: normal;
font-style: normal;

}

Kann es an der TemplateXML liegen, in der diese files (noch) nicht vorhanden sind?

Thanx for your help
SoHo

Hallo,
ich habe noch etwas recherchiert und bin auf folgende Methode gestoßen. Mein Script sieht jetzt so aus:
@font-face {
font-family: 'meineschrift';
src: url('fonts/meineschrift.eot');
src: local('meineschrift'), local('meineschrift'), url('fonts/meineschrift.ttf') format('truetype');
}

Der Folder fonts liegt im Template im Folder CSS. Und siehe da, alle bei mir installierten Browser schlucken das.

Mir ist nicht klar, warum dieses einfache Script nun zum Ziel führt, aber vielleicht hilft es hier und dort.

Wenn jemand eine Idee hat, warum das Script mit svg und woff-Formaten nicht funktioniert, mich würde das schon interessieren.

Viele Grüße (schon gemerkt, der Frühling ist da ...)
SoHo