@font-face

[<nick>]

Hey,

ich häng an einer eig recht banalen Sache, doch irgendwie ist der Wurm drinn...


CSS

@font-face {
   font-family: ostrich-regular;
   src: url(http://nicklas.bplaced.net/webfonts/ostrich-regular.ttf);
}
h1 {
    font-family: ostrich-regular;
}
...

Wenn ich den Link aus der CSS ganz normal im Browser öffne, öffnet sich das Fenster zum Downloaden - der Link funktioniert also, ttf wird auch unterstützt vom ff, trotzdem wird der Font nicht für die h1 tags genutzt. Auch wenn ich das Format mit angebe geht es leider nicht.

Das ganze kotzt mich grad ein wenig an, da es eig schon ohne Probleme lief...was überseh ich denn hier "vor lauter *hust* ärgern" ? ... xD

edit: im chrome scheint das ganze zu funktionieren, im ff jedoch nicht !? nachträglich habe ich auch noch das format geändert von ttf in woff

Gruß

<nick>

 

[Marv]

Hi,

ich glaube das ist ein Firefox Problem. Wenn die Schrift selbst auf einem externen server liegt bzw. keine relative URL hat. Probier es mal mit einer relativen URL, das sollte gehen.

@font-face {
   font-family: ostrich-regular;
   src: url(/webfonts/ostrich-regular.ttf);
}
h1 {
    font-family: ostrich-regular;
}

 

[<nick>]

Problem gelöst!
War ein serverseitiges Problem, funktionieren tut beides.