Die Schriftstärke von Photoshop Retina weicht von der CSS-Einstellung ab

Ich habe ein seltsames Problem mit einer Photoshop-Datei, die ich von einem Designer erhalten habe. Es ist eine Website, die in HTML und CSS übersetzt wird. Ich vermute, dass der Designer für das Design einen Retina-Bildschirm verwendet hat, weil die Pixelgröße viel zu groß ist.

Alle Schriftarten haben ungefähr die richtige Größe, wenn ich die halbe Pixelgröße in CSS verwende, was Photoshop sagt, also ist das kein Problem. Ein Problem ist jedoch, dass sich die Schriftstärke zwischen CSS und Photoshop stark unterscheidet. 700 in Photoshop sieht in CSS etwa "halbfett" aus (aber halbfett existiert in dieser bestimmten Schriftart nicht). Irgendeine Idee, wie ich dieses Problem möglicherweise lösen könnte? Die Schriftstärke 700 in CSS ist viel zu fett, um korrekt zu sein. Könnte dies an der Retina-Auflösung in der Photoshop-Datei liegen?

Das Retina-Display hat keinen Einfluss auf die Schriftstärke, eine Schriftstärke ist eine Schriftstärke, unabhängig von der Auflösung. Sie werden jedoch Unterschiede im Rendering erhalten, die auf PS-Typ-Anti-Aliasing, Betriebssystemunterschieden, Browserunterschieden usw. basieren ... Könnten Sie einige Screenshots Ihrer Ergebnisse und der genauen Gewichtungen hochladen, die Sie in jedem Fall festgelegt haben?
Ich hatte ein ähnliches Problem beim Erstellen einer Website mit Futura PT. Die Modelle wurden auf einem Retina-Bildschirm mit mittlerem Gewicht (500) erstellt. Als diese Seite jedoch entwickelt und später auf einem Standard-LCD-Monitor betrachtet wurde, gab es keine Unterschiede zwischen den Gewichten Buch und Medium. Ich denke, die Ursache dafür und Ihr Problem liegt an den Bildschirmpixeln, die auf Nicht-Retina-Monitoren verfügbar sind.
Die Schriftarten stehen noch auf Textfeldern oder wurden erweitert? Manchmal ändern Designer die Schriftart, um sie den Projektanforderungen anzupassen. Wenn die Schriftart nicht halbfett ist, kann der Designer Umrisse erstellen, um die Zeichen dicker zu machen.

Antworten (1)

Ich kann mir sicher vorstellen, dass pixelbasierte Messungen zwischen verschiedenen Geräten stark variieren werden, und das könnte sowohl für die Wahrnehmung der Schriftstärke als auch für die Gesamthöhe und -breite von Glyphen gelten. Es besteht jedoch auch die Möglichkeit, dass sich die Schriftarten zwischen dem Mac eines Designers und dem Windows-Browser des Endbenutzers immer unterscheiden – es sei denn, es werden genau dieselben plattformübergreifenden Schriftartdateien verwendet und in den Browser heruntergeladen. (Das ist eine kleine Randnotiz, aber es ist ein Aspekt der Anpassung des Schriftbilds, der berücksichtigt werden muss.