Ich arbeite an einem Projekt mit einem Designer und er bestand darauf, eine bestimmte Schriftart für Titel und verschiedene Elemente auf der Seite zu verwenden. Wir verwenden also ein Font-Kit zum Einbetten mit @ font-face.
Es funktioniert perfekt auf PC (Firefox, IE 7 und 8, Chrome, Safari), aber auf Mac OS (Safari und Firefox) sind die Schriften nicht vertikal auf die gleiche Weise ausgerichtet. Nachdem ich im Internet nachgesehen habe, habe ich keine Lösung dafür gefunden, außer "es gab immer Unterschiede zwischen Browsern und Plattformen, lebe damit".
Ich weiß, dass Fonts niemals plattformübergreifend exakt gerendert werden, aber dieses Mal ist es nicht so, als ob die Schriftart fett oder ähnlich aussieht. Die Schriftart sieht so aus, als ob ihre Grundlinie zwischen Windows und Mac OS X völlig anders ist. Unter Mac OS ist die Schrift bei einer Größe von 16px 3px höher als auf PC.
Ich suche also nach einer Backup-Lösung: Gibt es eine Möglichkeit, ein CSS speziell für Mac OS Benutzer zu erstellen? Ich möchte nicht nur Safari als Ziel verwenden, da Safari PC in Ordnung ist und Firefox Mac nicht in Ordnung ist.
Oder wenn Sie eine Lösung zur Behebung des Baseline-Unterschieds haben, die keine spezielle CSS-Datei erfordert, würde ich mich freuen, sie zu hören.
Danke!
Wenn das Setzen einer expliziten Zeilenhöhe das Problem nicht behebt, können Sie jedem Browser über Ihr Backend verschiedene Stylesheets bereitstellen und das Betriebssystem in Ihrer Anwendung erkennen (über den Benutzeragenten). Sie können auch etwas in JS tun, das dasselbe tut, aber es wird wahrscheinlich einen FOUC geben, während JS die relevanten Stile lädt.
Ich fürchte, dass das Browser / Betriebssystem-Sniffing Ihre einzige Option ist. CSS selbst hat keine Kenntnisse über OS und ich habe noch nie von einem CSS-Hack gehört, der gezielt auf Osx abzielt.
Dies ist der einfachste Weg für mich, OSX zu erkennen und die OSX-Klasse dem Dokumentkörper hinzuzufügen, damit Sie CSS-Stile speziell für OSX überschreiben können.
%Vor%Es gibt einen einfacheren Weg. Ссылка
Er erkennt den Browser und das Betriebssystem und ermöglicht es Ihnen, spezifische Klassen anzugeben.
Wenn Sie nahezu perfekt und schmerzfrei arbeiten möchten, müssen Sie die üblichen Schriftarten oder Schriften aus einem Online-Dienst wie der kostenlosen Font-Bibliothek von Google oder einer der Bibliotheken für die Bezahlung von Schriften verwenden. Diese Schriftarten wurden entworfen und getestet, um im Internet zu funktionieren.
Das Experimentieren und Einfügen von Schriftarten für den Browser des Benutzers zum Herunterladen und zur korrekten Anzeige ist in Ordnung, wird aber nicht perfekt sein und wird nicht schmerzfrei sein. Seien Sie außerdem sehr vorsichtig mit den Lizenzbeschränkungen. Stellen Sie sicher, dass die Zeichensätze, die Ihr Designer verwenden möchte, ordnungsgemäß für die Verwendung auf der Website des Kunden lizenziert sind.
Wenn Sie Browser-Sniffing durchführen und mehrere Stylesheets bereitstellen müssen, würde ich an dieser Stelle sagen, dass Ihr Design fehlerhaft ist und überarbeitet werden muss. Zeigen Sie Ссылка Ihrem Designer und sehen Sie, ob er eines davon mag - sie arbeiten plattformübergreifend in allen modernen Browsern und einige sind sehr raffiniert. EDIT: Oh, und sie sind frei, ohne Sorgen der Lizenzierung zu verwenden.