SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Sep 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem css with sharp in photoshop

    I have PDS anh text have "set anti aliasing menthod" is sharp. i don't know to style css that made html file look like photoshop file.

    help me please.

    css problem.png

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    You can't do that with CSS, I'm afraid. There are settings on some computers to make font rendering better, but you can't make your users do that.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Sep 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    what i can do that made my text look like.

  4. #4
    SitePoint Enthusiast NuttySkunk's Avatar
    Join Date
    Jan 2012
    Location
    United Kingdom
    Posts
    71
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can use methods such as Sifr (flash text replacement) and JavaScript text replacement systems (typeface.js) but they are slow and cause other issues. They should be used sparingly when absolutely needed.

    The aliasing on text will vary depending on:

    Operating system (Windows 7, Windows XP, Mac OSX, Ubuntu etc etc etc)
    Web browser (Internet Explorer 8, Firefox, Google Chrome, Safari etc etc etc)
    User specific settings in both the web browser and operating system.
    etc

    When you do mock-ups in Photoshop it is best to either ignore the smooth text or use "none" in the alias option, but you will not be able to accurately replicate how the text will display either way.

  5. #5
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dovanmanh080485 View Post
    what i can do that made my text look like.
    Like Ralph said, you currently cannot influence what methods a user's computer uses for text-rendering. OS X, Windows, and Linux all have their own text-rendering methods.

    But browser vendors are experimenting with it, see Gecko, or Webkit. None of these methods are of much use at this time, particularly not for deployment on production sites.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  6. #6
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    1) I assume you mean PSD

    2) Photoshop uses a different font renderer than browsers do... every OS uses a different font renderer... you cannot guarantee even the same fonts are available across systems...

    So as others are saying, the mere NOTION of fonts appearing identical to what is in your PSD is basically a failure to understand what the Internet is and how to develop for it... Though that usually goes hand in hand with drawing some goofy picture in photoshop and then thinking it has anything to do with building a proper website; a flawed strategy at best as it usually results in shoe-horning content into a layout it was never meant for.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •