Wie reduziert man die Schriftstärke in Firefox auf Mac mit CSS?

Question

Hier ist mein Problem: Ich habe font-face für das Menü meiner Website verwendet, aber Firefox auf Mac zeigt es zu fett an. Auf einem PC funktioniert alles gut, die Schrift ist perfekt dimensioniert und sieht aus wie sie sollte.

Leider musste ich auf dem Mac ein CSS-Hack für Safari hinzufügen (der funktioniert), aber ich habe nichts Ähnliches in Firefox gefunden.

Ich habe den "text-shadow-Hack" ausprobiert, ich habe versucht, die font-weight-Eigenschaft zu verwenden (die so gut wie nichts bewirkt).

Und jetzt etwas Code!

@font-face {
    font-family: 'KnockoutHTF48FeatherweightRg';
    src: url('font/knockout-htf48-featherweight-webfont.eot');
    src: url('font/knockout-htf48-featherweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/knockout-htf48-featherweight-webfont.woff') format('woff'),
         url('font/knockout-htf48-featherweight-webfont.ttf') format('truetype'),
         url('font/knockout-htf48-featherweight-webfont.svg#KnockoutHTF48FeatherweightRg')     format('svg');
    font-weight: normal;
    font-style: normal;

}

Für Safari:

body{
    ...
    -webkit-font-smoothing: antialiased;
}

Links ist FF auf Mac und rechts ist FF auf PC (die gute Version)

Danke!

Answer 1

FireFox hat heute im Bug-Forum eine Lösung für dieses Problem veröffentlicht. Sie wurde gerade erst finalisiert, sodass sie noch eine Weile nicht verwendet werden kann, aber wir sollten alle

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

in unserem body-Tag setzen, um dies für alle Browser zurückzusetzen. ENDLICH!! Mann, das hat meinen Tag gerettet! Dies sollte im nächsten FF-Release erscheinen.

Thread hier https://bugzilla.mozilla.org/show_bug.cgi?id=857142

Answer 2

Sie können verwenden,

font-weight:normal !important;

um den Darstellungsfehler auf Firefox Mac zu beheben.

Answer 3

Dies betrifft NUR den Firefox-Browser.

@-moz-document url-prefix() {
  .classname {
    font-weight:normal;

    /* oder eine andere Option */
  }
}

Viel Spaß!

Answer 4

Es gibt einen Trick, der erklärt wird http://dave-bond.com/css/font-too-bold-on-a-mac/ im Grunde darauf abzielt, opacity: 0.99; auf diesen Text anzuwenden...

Answer 5

Jede Schriftart unterstützt verschiedene Gewichte. Manche können wirklich dünn sein, andere nicht.

Mac und PC werden die gleiche Schriftart unterschiedlich rendern. Es ist eine Kernbetriebssystemsache, und grundsätzlich gibt es nichts, was du dagegen tun kannst. :(

Die konsistentesten Ergebnisse können mit etwas wie Google Webfonts oder TypeKit erreicht werden.

Eine der dünnsten Standardschriften auf Mac ist Helvetica Neue.

Ebenfalls erwähnenswert ist, dass font-weight Werte von 100,200,...800,900 unterstützt.