Can I get photoshop to match my web browser font interpretation

Discussion in 'Photoshop Tutorials' started by Norm, May 11, 2004.

  1. Norm

    Norm Guest

    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, May 11, 2004
    #1
    1. Advertisements

  2. Norm

    Eric Gill Guest

    (Norm) wrote in @posting.google.com:
    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>
     
    Eric Gill, May 12, 2004
    #2
    1. Advertisements

  3. Norm

    jjs Guest

    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.
     
    jjs, May 12, 2004
    #3
  4. Norm

    Hecate Guest

    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, May 12, 2004
    #4

  5. 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
     
    Gernot Hoffmann, May 12, 2004
    #5
  6. Norm

    Norm Guest

    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, May 13, 2004
    #6
  7. 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
     
    Gernot Hoffmann, May 13, 2004
    #7
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.