Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 17.02.2011, 22:53
Benutzerbild von ThomB
ThomB ThomB ist offline
WEB Fetischist
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2011
Ort: Schweiz
Beiträge: 9
ThomB befindet sich auf einem aufstrebenden Ast
Standard @font-face wird im Firefox nicht richtig angezeigt

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
Mit Zitat antworten
Sponsored Links