Photoshop-Mock-Up-Schriftart ist nicht die gleiche wie in HTML
(Anfänger-HTML)
Habe ich eine Photoshop-mock-up von der website, die ich machen will, aber den text habe ich in den mock-up sieht anders aus, wenn angezeigt in Firefox. Der text ist der schriftart Arial, Schriftgröße 18pt und regelmäßige Gewicht, und ich umgesetzt haben, dies in HTML-code, aber es sieht anders aus.
Ist es ein Weg, um die schriftart gleich Aussehen in HTML wie in Photoshop?
Vielen Dank im Voraus 🙂
- Du wirst niemals um eine pixelgenaue übereinstimmung zwischen einem Mock-up und browser. Du wirst niemals um eine pixelgenaue übereinstimmung zwischen den Browsern. Wenn es um die Darstellung der Schriften in den Anwendungen gibt es viele Faktoren, die ins Spiel kommen. Windows hat die Subpixel-rendering aktiviert werden können auf der Anwendungsebene-Anwendungen implementieren Ihre eigenen subpixel-rendering standardmäßig kerneling von der Schrift unterscheiden kann, ad infinitum...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Die kurze Antwort ist "Nein". Photoshop hat eine viel weitere font-Funktionalität über einen web-browser. Es gilt, alle Arten des smoothing-algorithmen, und Sie können Steuern, kerning, Laufweite und Zeilenabstand viel besser.
Jeden browser und jedes OS hat ein deutliches rendering-engine, so dass selbst wenn Sie bekommen konnte, das in einem browser - /OS-Kombination, es würde anders Aussehen in einem anderen.
Jedoch, dass Sie alle den CSS-Eigenschaften für text zu sehen, wenn Sie etwas, das Sie in der Lage sind, zu Leben. Wenn nicht, Ihre beste Wette ist, um nur ein Bild machen aus Ihrem text und fügen Sie ihn auf Ihrer Seite mit guten "alt" - text und so.
Ich bin mir nicht sicher, welches OS du hast, aber Windows und Macintosh haben verschiedene font-Systeme.
Dieser Beitrag von Joel Spolsky weist darauf hin, dass das font-rendering basiert auf philosophischen unterschieden.
Ist, dass das, was Sie sehen? Poste bitte Bilder, damit wir sehen können, was du redest.
Schriften sind so etwas kannst du nicht einfach rechts auf das web. Wenn du unbedingt Steuern das Aussehen von Schriftarten, dann muss man über Bilder (und Kriege dafür, das zu Recht). Es ist einfach nicht möglich zu erreichen eine pixelgenaue Darstellung text in HTML. Dies beginnt mit den unterschiedlichen Schriftarten das Betriebssystem hat, und endet mit Abweichungen in der browser-layout-engines.
Gibt es zwei Möglichkeiten, es zu tun:
Grundsätzlich, wenn Sie wollen, haben Sie genau gleich Aussehen und immer noch bleiben standards-compliant, das ist wirklich fast unmöglich.
Wenn Sie auf der Suche für how to turn Adobe Photoshop mockups in HTML-Dokumente, sollten Sie sich die screencast-Serie auf CSS-tricks.com, ausführen von Chris Coyier, ein sehr talentierter designer (Nein, es ist nicht mir 🙂 ).
Andere Sache, die Sie verstehen müssen, ist, dass es die Leute mit dem Web-Browser, die letztlich bestimmen, wie Ihre Seite Aussehen wird. Also egal, wie viel hantieren, die Sie tun, um eine website, wie Sie wollen, es zu sehen, es wird anders, auf einem anderen computer
Wenn Sie brauchen perfekte, glasklare Schrift entspricht, können Sie mithilfe von flash... aber das kommt mit einer ganzen Schiffsladung von Nachteilen.