Photoshop font rendering is different from browsers

  • 1
  • Problem
  • Updated 7 years ago
  • Not a Problem
  • (Edited)


When I use fonts in photoshop [cs4 and cs5] I have the issue with fonts even such as Arial not showing as they do in a browser. As you can see in the image above the first Arial is what I see on a browser [firefox, chrome] where as the last 3 is what photoshop produces [No Alias][Sharp][Crisp].

I have always had this since I started using photoshop 3 years ago so I do not understand why I can not have the font accurate to how it appears every where else. It really is annoying as when I create a design in photoshop I have to guess how fonts will appear once I start coding. Sometimes I am forced to completely change a design as fonts appear different and this throws of how the design looks
Photo of David Leac

David Leac

  • 1 Post
  • 0 Reply Likes
  • frustrated

Posted 7 years ago

  • 1
Photo of Chris Cox

Chris Cox

  • 20280 Posts
  • 823 Reply Likes
It is accurate, it is just not the same.
Also, each browser renders type differently, and each platform, and they all change frequently even with minor releases.

Your browser sample also uses color filter antialiasing (which OS vendors are moving away from) which only works for final rendering and can't be used in an image editor (because you don't know the color behind it, don't know the display it'll be shown on, don't know the orientation of the display, etc.).

Photoshop CS6 gets closer to the OS font renderings, but will never match them all bug for bug.