Probleme mit der Schriftgröße in PSD-Dateien

Ich habe einige PSD-Dateien, die viel Text enthalten.

Jeder Text hat unterschiedliche Schriftgrößen und wenn ich versuche, diese Schriftgrößen in mein HTML und CSS einzufügen, sieht es nicht genau so aus wie in PSD.

I am wondering, can we use the same font size as present in the photoshop in our css as well ?Wenn ich das versuche, sehen die Dinge nicht genau gleich aus. Lohnt es sich, die exakte Schriftgröße wie im Photoshop vorhanden auch in unser CSS zu kopieren oder sollen wir zu unserem Schluss bezüglich der Schriftgröße kommen?

Antworten (1)

Dies ist ein sehr wichtiger Grund dafür, dass die Vorstellung, dass man eine ganze Seite in Photoshop erstellt, die Genehmigung des Bildes erhält und dann die Seite in HTML/CSS rekonstruiert wird, in der heutigen Zeit ein ziemlich schlechter Arbeitsablauf ist.

Es kommt selten vor, dass HTML-Typ und -Platzierung immer mit einem Photoshop-Dokument übereinstimmen. Dies zusätzlich zu jemandem, der eine ganzseitige .psd-Datei erstellt, ohne die Funktionsweise von CSS/HTML zu verstehen, kann zu Problemen führen. Jeder, der mit CSS vertraut ist, würde nicht jede Textzeile auf eine andere Größe setzen. (Es sei denn, es ist eindeutig beabsichtigt, wie z. B. Überschriften, Unterüberschriften und dann Textkörper)

Im Allgemeinen muss zwischen einer flachen Bilddarstellung einer Seite und einer Live-HTML/CSS-Seite ein gewisser „Spielraum“ bestehen . Der Versuch, genau zu sein, kann eine Lektion in Frustration sein.

Ich würde mein bestes Urteilsvermögen verwenden, um die Absicht des Typs zu vermitteln , und mich nicht um genaue Punktgrößen kümmern. Wenn der Großteil des Textkörpers auf 14 pt/px eingestellt ist und einige gelegentliche Zeilen auf 12 pt/px oder 15 pt/px eingestellt sind, würde ich 14 px als Größe verwenden. Es sei denn, die unterschiedlichen Schriftgrößen haben eine gezielte Absicht. Ich würde 24, 14, 18 und 30pt nicht alle gleich groß machen. Aber 12, 13, 14 und 15pt könnten wahrscheinlich alle vereinheitlicht werden.

Dies kann natürlich zu den Aussagen „das sieht nicht wie das Bild aus, das ich genehmigt habe“ von Kunden führen. In diesem Fall ... siehe den ersten Absatz hier.

Nur um Ihren gültigen Punktkollegen zu kommentieren, Photoshop hat eine wunderbare Text- und Grafik-Rendering-Engine, die die meisten Browser nicht haben, Text-Rendering auf verschiedenen Browsern von verschiedenen Betriebssystemen ist definitiv ein wunder Punkt für Profis, die versuchen, alles konsistent aussehen zu lassen. Ich würde vorschlagen, dass Sie Zeit und Mühe aufwenden, um herauszufinden, ob die betreffende Schriftart mit einer @fontface- oder einer anderen Technologie zum Einbetten von Schriftarten für Ihre HTML-Dokumente geladen werden kann. Es wäre schade, etwas Geld für eine Schriftart ausgegeben zu haben, nur um herauszufinden, dass Sie sie nicht auch im Web verwenden können. Testen Sie auch ein wenig auf dem Handy