SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot ameerulislam's Avatar
    Join Date
    Jul 2011
    Posts
    145
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    how to achieve photoshop Sharp font effect in html/css?

    Is there a practical way to achieve the sharp effect that photoshop provides? How can you get that affect in your html document? Any thought highly appreciated.

    Thanks

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,541
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by ameerulislam View Post
    Is there a practical way to achieve the sharp effect that photoshop provides? How can you get that affect in your html document? Any thought highly appreciated.

    Thanks
    To me, your question is too vague. Photoshop produces images. Can you give an example of something that is "sharp" in PhotoShop but not "sharp" in HTML?

  3. #3
    SitePoint Zealot ameerulislam's Avatar
    Join Date
    Jul 2011
    Posts
    145
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    To me, your question is too vague. Photoshop produces images. Can you give an example of something that is "sharp" in PhotoShop but not "sharp" in HTML?
    As I mentioned in my title, I'm talking about the sharp font effect. Sorry for making it too vague.

  4. #4
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,541
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by ameerulislam View Post
    As I mentioned in my title, I'm talking about the sharp font effect. Sorry for making it too vague.
    My misunderstanding, I'm sure. I had not heard of the "sharp font" effect and was just thinking about images in general. Sorry. Can you post an image that demonstrates the sharp font effect?

    In the meanwhile, maybe someone who is familiar with this PhotoShop effect can jump in.

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,219
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    You can't do anything like that with CSS. The best solution is to get a device with a retina display. Then all your fonts will look sharp. it may make a difference what font you use, and there is text-shadow, but that's about it.

  6. #6
    SitePoint Zealot ameerulislam's Avatar
    Join Date
    Jul 2011
    Posts
    145
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    You can't do anything like that with CSS. The best solution is to get a device with a retina display. Then all your fonts will look sharp. it may make a difference what font you use, and there is text-shadow, but that's about it.
    Yeah I didn't find any way to do it. Thanks for the confirmation.

  7. #7
    SitePoint Evangelist
    Join Date
    Oct 2004
    Location
    Texas
    Posts
    433
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ameerulislam View Post
    Yeah I didn't find any way to do it. Thanks for the confirmation.
    There is some css3 text effects that give a sort of "sharp" effect, but it seems to be through the use of a subtle hint of drop shadow to make the font edges look sharp. Could that be what you are talking about? The text does look sharp that way.


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
  •