Verzweifle nicht, Lairis, denn ich habe die Lösung!
Puh... Also, danke mal dafür, daß du mich dazu gebracht hast, mich mit deinem Problem zu beschäftigen, denn dadurch hab ich auch was gelernt. =D
Also, ich habe mir mal deine Seite angeschaut (
http://st-defender.de/ , richtig?) und das dazugehörige CSS-file.
Dabei bin ich auf folgenden Teil gestoßen:
#nav a {
display: block;
line-height: 28px;
margin: 0;
padding: 0 20px 0 15px;
Font-Family: Arial Narrow; font-size: 14pt; font-weight: bold; letter-spacing: 1px;
color: #ffffff;
}
wichtig ist hier:
Font-Family: Arial Narrow;
Dazu fallen mir folgende Dinge ein:
Erste Kleinigkeit - du schreibst hier auch mit Großbuchstaben, was ich persönlich nicht machen würde, auch wenn der Code trotzdem funktoniert. Zweite Kleinigkeit - du setzt hier mehrere Definitionen hintereinander in eine Zeile, ich persönlich würde es der Ordnung halber in je eine Zeile schreiben. Aber auch das ist für die Funktion nicht relevant.
Relevant und das Problem sind zwei Sachen an dem Code.
Zweitens: Du hast keine Ersatzschriften definiert, auf die der Browser zurückgreifen sollte, falls die erste Schriftart nicht funktioniert.
Du kannst praktisch beliebig viele Ersatzschriften angeben, jeweils durch Komma getrennt, also z.B.:
font-family: arial narrow, arial, verdana, tahoma, helvetica, sans-serif;In dem Fall hätte der FF zwar die Arial Narrow nicht gefunden, wäre dann aber auf die normale Arial ausgewichen.
Im Notfall wäre er auf die Verdana ausgewichen, dann auf die Tahoma, dann auf die Helvetica, und, wenn alle Stricke reißen, auf die im Browser als serifenlose Standardschriftart angegebene sans-serif.
Du findest die Einstellungen für diese Standardschriften im FF unter Hauptmenü->Extras->Einstellungen->Inhalt->Schrifarten & Farben->Erweitert.
Nun aber zum Kern des Problems.
Erstens: Arial Narrow. Die Schriftart wird so vom Firefox nicht erkannt, hingegen aber von anderen Browsern.
Das wusste ich vorher auch nicht, deshalb eben danke, denn jetzt hab ich was dazugelernt.
Es ist nämlich so - die Arial Narrow ist ein Schriftschnitt innerhalb der Arial Familie, sie hat zwar einen eigenständigen Zeichensatz, ist aber der Arial untergeordnet. Und genau das scheint das Problem zu sein, wie ich jetzt mit mehreren Schriftarten getestet habe.
Ich muß gestehen, daß ich selber immer noch nicht genau verstehe, wie das jetzt funktioniert, aber das scheint auch schon ein komplexes Gewirr zu sein.
Denn die Art und Weise wie Windows die Schriftarten abspeichert und verwaltet steht im Konflikt mit den Dateinamen der Schriftarten und den englischen Originalbezeichnungen. Bei mir ist die Arial Narrow als Datei unter "ARIALN.TTF" zu finden, geführt wird sie aber als Schriftschnitt der Arial mit der Bezeichnung "Arial Halb Schmal". Gibt man "arial halb schmal" unter font-family ein, so setzt er das nicht um, "arial narrow" hingegen funktioniert auf manchen Browsern.
Hingegen habe ich bei der Schriftart "Agency FB" das umgekehrte Problem.
Nutze ich nur "agency fb" als font-family, so zeigt er mir die Schriftart, schreibe ich "agency fb bold", so setzt er das nicht um, schreibe ich hingegen "agency fb fett" (denn so führt Windows den Schriftschnitt), so zeigt er mir den Text unter Chrome in der regulären Agency FB an.
Das erste Problem hier ist also, daß ich als Nutzer kaum wissen kann, wie bei diversen Schriftschnitten die Bezeichnungen lauten, die jetzt für manche Browser funktionieren, wie das zweite Beispiel zeigt, scheint es aber auch dann Probleme mit der Umsetzung zu geben.
Das zweite Problem ist, daß selbst dann der Firefox nicht mit solchen Schriftschnitten umgehen kann.
Dir bleiben also m.E. folgende Möglichkeiten:
1. Ignorier das Darstellungsproblem mit der Arial Narrow und ergänze die Zeile einfach um Ersatzschriftarten.
Auf anderen Browsern wird dann die Arial Narrow gezeigt, auf FF die Ersatzschriftart.
2. Bau eine Browserweiche ein, die den FF etwas anderes zeigen lässt als andere Browser.
Halt, oh nein, viel geiler, ich weiß es.
Gerade noch am Herumexperimentieren gewesen.
Also, ne Browserweiche stellt halt die Möglichkeit, für verschiedene Browser verschiedene Anweisungen zu benutzen.
Die Sache ist, daß es ein CSS-Attribut gibt, daß dir im Firefox die Möglichkeit bietet, die Laufweite von Schrift zu kontrollieren, und sie so z.B. enger oder weiter zu machen.
Du hättest jetzt also eine Browserweiche bauen können, um für den einen Browser die Arial Narrow zu zeigen, für den anderen dann die normale Arial aber eben enger gesetzt, "condensed".
Aber es ist ja viel besser und einfacher, du schreibst einfach folgendes:
font-family: arial narrow, arial, sans-serif;
font-stretch: condensed;
Zuerst mal - "font-stretch" ist das erwähnte Attribut. Das Problem damit ist, daß es von anderen Browsern noch nicht verarbeitet wird, der Firefox kann es aber.
Hingegen haben wir mit der Arial Narrow das Problem, daß sie von anderen Browsern verarbeitet wird, dafür aber vom Firefox nicht.
In diesem Fall addieren sich Problem und Problem zu Lösung! =D
Denn folgendes passiert - der Firefox liest die Anweisungen, kann die Arial Narrow nicht finden/verarbeiten, weicht statt dessen auf die Arial aus. Er erkennt den font-stretch-Befehl und setzt ihn um.
Chrome oder IE finden die Arial Narrow, verstehen aber den font-stretch-Befehl nicht und setzen ihn daher nicht um.
Und das ist perfekt so, weil du somit keine Browserweiche brauchst, das ist quasi eine automatische Browserweiche.
Denn, tadada, ich glaube durchblickt zu haben, wie font-stretch funktioniert. "narrower", "wider", "expanded" und andere funktionieren hier nicht mit der Arial, lediglich "condensed" tut es. Das weist darauf hin, daß FF hier tatsächlich die Laufweite nicht selber berechnet, sondern nachschaut, ob für die verwendete Schriftart ein entsprechender Schriftschnitt vorhanden ist.
Und das bedeutet in diesem Fall, daß der Firefox zur Darstellung so tatsächlich die Arial Narrow verwendet, und die Ergebnisse auf IE, Chrome und Firefox somit identisch sein dürften.
Das hieße dann letztlich m.E. auch, daß Firefox hier nicht der Böse ist, sondern das Vorbild.
Denn wie anfangs erwähnt ist es nicht unproblematisch, überhaupt die Bezeichnung für den Schriftschnitt herauszufinden, der bei IE und Chrome funktioniert, es bringt daher nicht sonderlich viel Sinn, es auf diese Weise zu handhaben.
Also, wie gesagt deine CSS einfach entsprechend abändern, dann dürfte das wieder funktionieren!
PS @Uli: Ich glaube, es geht nur um die Menüzeile ganz oben.
PPS:
Ich korrigiere mich - der Test mit der Agency FB war ok, "font-weight" war nur auf "bold" eingestellt.
Ich habe hier unter Chrome also die Wahl, entweder "font-family: agency fb fett" zu schreiben, oder aber "font-family: agency fb" und zusätzlich "font-weight: bold" zu benutzen.
Was natürlich erstere Variante immer noch völlig unbrauchbar macht, denn wer ein englisches Windows hat, bei dem heißt die Schriftart vermutlich "agency fb bold" und nicht "agency fb fett"; wie gesagt funktioniert bei mir hier nur die deutsche Bezeichnung.
Und wie gesagt ist es mit der Arial Narrow wieder umgekehrt, DA brauche ich dann die englische Bezeichnung, damit es unter Chrome und IE überhaupt läuft...
