Can I get photoshop to match my web browser font interpretation

N
Posted By
normgm
May 11, 2004
Views
1171
Replies
6
Status
Closed
Hi,

I have noticed that photoshop interperets the same font differently from how my internet browser interperets the font.

Is there a way to match in Photoshop the same thing I see on my web browser.

The font I have in question is Comic Sans MS.

I have posted an example at :

http://www.atbcards.com/fontproblem/example.php

The top one is ie6 displaying 5 divs with Comic Sans MS size 10 px

and the second one is 5 text areas in photoshop, the same size as the div with Comic Sans MS, 10 pt

The pts should match the pxs as it is on top of a 72ppi image.

Thanks
Norm Archibald.
Related Tags
browse font match

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

EG
Eric Gill
May 11, 2004
(Norm) wrote in news:5d1c78a5.0405111437.265a6f35
@posting.google.com:

Hi,

I have noticed that photoshop interperets the same font differently from how my internet browser interperets the font.

No. Two very different type rendering engines. Sorry.

You might get closer playing with the aliasing in Photoshop. Bear in mind, however, that pont size is essentially meaningless past big number is larger than smaller number when you’re working on the screen.

<snip>
J
john
May 12, 2004
In article ,
(Norm) wrote:

Hi,

I have noticed that photoshop interperets the same font differently from how my internet browser interperets the font.

Is there a way to match in Photoshop the same thing I see on my web browser.

You have to really mess with Photoshop’s character rendering. In your case, try to set the font to ‘crisp’ or ‘none’. Try different settings to see what I mean. Unfortunately, point sizes render differently depending upon the browser and platform and there’s not much you can do about it – that I know of.
H
Hecate
May 12, 2004
On Tue, 11 May 2004 23:45:50 GMT, Eric Gill
wrote:

(Norm) wrote in news:5d1c78a5.0405111437.265a6f35
@posting.google.com:

Hi,

I have noticed that photoshop interperets the same font differently from how my internet browser interperets the font.

No. Two very different type rendering engines. Sorry.

You might get closer playing with the aliasing in Photoshop. Bear in mind, however, that pont size is essentially meaningless past big number is larger than smaller number when you’re working on the screen.
<snip>

And, if you’re using a bare font rather than a font image, remember that people will only see that font if they actually have it installed on their computer. Otherwise, they will get whatever is nearest or whatever you have encoded next, or next to that, and so on in the font list.

—

Hecate

veni, vidi, reliqui
H
hoffmann
May 12, 2004
(Norm) wrote in message news:…
Hi,

I have noticed that photoshop interperets the same font differently from how my internet browser interperets the font.

Is there a way to match in Photoshop the same thing I see on my web browser.

The font I have in question is Comic Sans MS.

I have posted an example at :

http://www.atbcards.com/fontproblem/example.php

The top one is ie6 displaying 5 divs with Comic Sans MS size 10 px
and the second one is 5 text areas in photoshop, the same size as the div with Comic Sans MS, 10 pt

The pts should match the pxs as it is on top of a 72ppi image.

Thanks
Norm Archibald.

Norm,

please, if you post in a forum (Google Computer Graphics) then comment the replies. Otherwise the volunteers might feel they had wasted their time.

As already explained: size in PhS in pixels, anti-aliasing None. If you can guarantee that CSS fixes the font size by pixels, then the results are very similar.
This example is without CSS. Use smallest browser font size for a comparison:
http://www.fho-emden.de/~hoffmann/comic.html

At least the blur is gone.

Best regards –Gernot Hoffmann
N
normgm
May 13, 2004
Thanks for the replies – I have tried using alias none however the text is very pixelated for larger font sizes so unless I can overcome that then alias none is not an option.

I will keep testing and post the results if any.

Thanks
Norm
H
hoffmann
May 13, 2004
(Norm) wrote in message news:…
Thanks for the replies – I have tried using alias none however the text is very pixelated for larger font sizes so unless I can overcome that then alias none is not an option.

I will keep testing and post the results if any.

Thanks
Norm

Norm,

thanks for the feedback. Now I see that you use JPEGs.
Anti-aliased or not anti-aliased images for text should be saved as GIF. JPEG blurs the text further.

Best regards –Gernot Hoffmann

Must-have mockup pack for every graphic designer 🔥🔥🔥

Easy-to-use drag-n-drop Photoshop scene creator with more than 2800 items.

Related Discussion Topics

Nice and short text about related topics in discussion sections