Andere Schriftgröße nur für Firefox

Question

Ich füge nur einen Konto-Header für meine Website hinzu, die nur den Benutzernamen des Spielers anzeigt.

Ich benutze eine benutzerdefinierte Schriftart und es funktioniert gut auf Chrome und IE, aber für Firefox, zeigt es nicht die benutzerdefinierte Schriftart und zeigt nur die nächste verfügbare Schriftart, die Verdana ist. Das stört mich nicht, aber mein Problem ist, dass die Schriftart Verdana kleiner ist als meine benutzerdefinierte Schriftart. Wenn ich sie also auf 7.5pt als Schriftgröße einstelle, erscheint die benutzerdefinierte Schriftart doppelt so groß. Kann ich die Schriftgröße nur für Firefox höher einstellen? Hier

ist die CSS für die div, dass der Benutzername in:

font-size: 7.5pt; 
color: #9f1717; 
text-align: center; 
font-family: xirod, xirodeot, Verdana, Geneva, sans-serif; 

Answer 1

ich entweder empfehlen, ein Schriftart-Format, die Firefox unterstützt oder mit font-size-adjust einheitlichen Größen in verschiedenen Schriftfamilien zu bekommen.

können Sie font-size-adjust verwenden, indem Sie die folgende CSS hinzufügen:

font-size-adjust:0.5; 

Dadurch werden alle Fonts auf ungefähr die gleiche Höhe Kleinbuchstaben haben (was im allgemeinen Text erzeugt, die näher an der gleichen zu sein scheint Größe, wenn mit verschiedenen Schriftarten angezeigt wird).

Answer 2

Sie sollten es jetzt in allen Browsern erhalten können. Wenn Ihre Schriftart nicht urheberrechtlich geschützt ist, können Sie sie auf Font Squirrel hochladen und eine benutzerdefinierte CSS-Font-Embedding-Lösung für Ihre Website erstellen. Ich würde vorschlagen, dass Sie das versuchen. Wenn das nicht funktioniert, gibt es immer jQuery browser detection solutions, wo man nur einen separaten Stylesheet laden ..

Verwenden Sie den folgenden Code mit dem Browser-Erkennung Plugin:

if($.browser.mozilla) { 
    document.write("<style type='text/css'>body { font-size: 3.75pt; }</style>"); 
} 

Answer 3

Jede Chance, dies durch cross-origin policy kicking in verursacht wird ? Dies ist der Fall, wenn Sie Schriftarten und/oder andere statische Ressourcen auf einem CDN oder nur einer anderen Subdomäne speichern. Momentan implementiert nur FF es nach Spezifikation, aber ich würde spekulieren, dass andere Browser anfangen, das Verhalten aufzuheben.

Hinzufügen von http-Header zu der Schriftart-Datei ähnlich der von würde das Problem lösen - und eine schnelle Google-Suche würde bessere Ergebnisse für Regel-Details, als ich hier beschreiben könnte.

...

Nicht wahr? Sie könnten Firefox speziell mit einer Struktur zielen, die auf einen bestimmten URL-Präfix gilt nur - wenn Sie nicht den Präfix Wert geben ich würde es immer angewandt werden, sondern können nur von einem FF-Browser zu verstehen:

@-moz-document url-prefix() { 
    .username {font-size:15pt;} 
} 

Answer 4

Verwendung css Browserselektor, als Referenz siehe http://rafael.adm.br/css_browser_selector/