I'm designing web page elements in Photoshop at the moment, but...

Arial text in Photoshop looks nothing like the one displayed in web pages.

Anything I can do about it?


Truthfully, you shouldn't concern yourself that much.

The appearance of fonts on web browsers is determined what which fonts are installed on the client's computer. Different browsers may render the same text, in the same font, on the same computer – differently.

The only way to truly see how your website will appear is to create a test website and view it in a variety of browsers. You are better off to create a design that is flexible enough to handle font inconsistencies that are inherent in the web development process.

Furthermore, there are other options on browsers such as "zoom in" and "zoom out" which affect the layout of text. This means that if your design is still at the mercy of the user of the website.

| improve this answer | |

Change the antialiasing and kerning options.

| improve this answer | |

That doesn't make sense. It's the same typeface. You sure you aren't looking at Verdana on the web? Until you post some screenshots, no one will be able to help you.

| improve this answer | |

I know what you mean radianthex. it drives me crazy that the fonts don't reproduce correctly. The larger the point size the worse it gets. if anybody has an answer to this that'd be great

| improve this answer | |
  • While I know your reputation isn't high enough to allow you to post comments on questions, the answers section should not include anything other than answers. EDIT: had accidentally written "karma" instead of "reputation." – Emory Bell Mar 24 '10 at 20:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.