5 Replies Latest reply: May 26, 2010 4:13 AM by Zeno Bokor RSS

    How to exactly replicate webpage fonts in Photoshop? Can it be done?

    TF22Raptor2 Community Member

      Hi all, I've just come across something in photoshop that I must have never have picked up on before.

      I am trying to simply replicate a peice of text in photoshop so that it is pixel by pixel exactly the same as what I would see in a webbrowser with some text from a css/html based webpage.

       

      I used to think creating the text in the same font size and turning the antialiasing method to none reproduced the same text by to my amazement there is
      a slight difference.

       

      As you can see in the text below the text displayed in the css/html webpage does not look as pixelly as the photoshop version.

      webpage_text1.gif

       

      The grey box is from the actual webpage itself, the text next to Webpage text is screen grabbed from a basic css/html webpage, the Photoshop text what created with the type tool (anti aliasing none)

       

       

      Just wondering if anyone can explain what is going on here and is there a way to exactly replicate web fonts in photoshop?

       

      Any help would be great