Ich habe den Font mephisto.ttf auf unseren Server hochgeladen und per @font-face im CSS "eingebunden". Google Chrome zeigt mir auch ohne Probleme die richtige Schrift an, weshalb ich davon ausgehe, dass die Pfadangaben richtig sind.
Hier mein CSS (Kurzfassung):
Code:
/* ################ Special Fonts ################## */
@font-face {
font-family: Mephisto;
src: url("/hugin/mephisto.ttf"); /* TTF file */
}
@font-face {
font-family: Mephisto;
src: url("/hugin/mephisto.eot"); /* EOT file for IE */
}
/* ################# Top Navigation ################ */
#topnavi-container {
font-family: Mephisto;
font-size: 2em;
height: 45px;
background: url("/hugin/css/img/navi.png") left repeat-x #000000;
}
#topnavi-container a{
padding: 10px;
color: #56210e;
}
#topnavi-container a:hover{
background: url("/hugin/css/img/navi_hover.png") left repeat-x;
color: #bb661d;
}
#topnavi-container a:focus{
background: url("/hugin/css/img/navi_hover.png") left repeat-x;
color: #bb661d;
}
#ulnavlist {
padding-top: 12px;
padding-left: 20px;
}
#navlist li {
display: inline;
list-style-type: none;
padding-right: 20px;
}
Firefox will mir partout nicht die gewünschte Schrift anzeigen - woran kann das liegen?
Bemerkung: Wenn ich allerdings dem Body den Font zuweise, klappt alles ohne Probleme (natürlich werden dann aber alle Textpassagen in dieser Schrift dargestellt)
.
Ich hoffe, Ihr habt einen Vorschlag, wie ich es sonst noch machen kann.
Gruss
ThomB
p.s.:
LINK zur Seite, falls nötig