how can i do that?!

Discussion in 'CSS' started by soundous, Feb 25, 2008.

  1. #1
    Hi everyone :),

    I want that a characters looks smooth like in Photoshop.
    how can i do it on CSS?

    Many thanks
     
    soundous, Feb 25, 2008 IP
  2. XTreMe

    XTreMe Banned

    Messages:
    1,226
    Likes Received:
    57
    Best Answers:
    0
    Trophy Points:
    0
    #2
    smooth.....what do you mean

    please explain the question properly i am sure i can help you.
     
    XTreMe, Feb 25, 2008 IP
  3. soundous

    soundous Peon

    Messages:
    53
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you very much XTreMe :)

    i think that when we use the Smoothing, the contours of the text are integrated into the background.but i don't know haow do it with css
     
    soundous, Feb 25, 2008 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    If I'm understanding you properly, that's anti-aliasing at work, which CSS has nothing to do with.
     
    Dan Schulz, Feb 25, 2008 IP
  5. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #5
    If you are talking about some text sitting in a transparent gif, then you want to make a matte background so the letters seem to fade into the background. But that might not be what you mean.
     
    Stomme poes, Feb 26, 2008 IP
  6. qube99

    qube99 Peon

    Messages:
    75
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    If I understand you correctly you can't do it with text. The problem is in IE's font parsing engine. Text has the jaggies in IE and that's that.

    If you want smooth text all the time, get a Mac.
     
    qube99, Feb 26, 2008 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Doesn't Winblows have some sort of smoothing thing too??

    Or am I thinking of versions of ClearType?

    My Safari for 'Blows definitely shows a difference in smoothness, though. Verdana just looks like crap on other browsers on the Windows (while looking okay on the Linux machine).
     
    Stomme poes, Feb 27, 2008 IP
  8. soundous

    soundous Peon

    Messages:
    53
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Thank you friends for you responses :)

    you can see what i'm talking about in the following image the characters with(right) and without(left) a smoothness:
    boostupload.com/files/image_057_smoothness.jpg
     
    soundous, Feb 27, 2008 IP
  9. CanaryWoolf

    CanaryWoolf Peon

    Messages:
    114
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I'm sorry but I still don't think anyone here knows what it is you are trying to achieve.

    The image that you provided does indeed show the difference with smoothing:
    [​IMG]

    But are you looking for fonts on your website to have smooth edges? If so (and assuming that they are being used on graphical backgrounds, or headers) why don't you create them with Photoshop (or similar) and then save them (optimized) for your website.

    Just to clarify the point you cannot do this with CSS.

    CW
     
    CanaryWoolf, Feb 27, 2008 IP
  10. qube99

    qube99 Peon

    Messages:
    75
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    That's definitely not a web font. Looks a lot like Garamond to me. A great classic font, beautiful and stylish.

    The differences you show are in the anti-aliasing settings in Photoshop. There's a little drop-down menu where you select the values when using the text tool. Different fonts look their best with different settings, so you have to play with it a bit to hit the sweet spot.
     
    qube99, Feb 27, 2008 IP
  11. soundous

    soundous Peon

    Messages:
    53
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #11
    yep, that's what i mean;
    thank you for your help :)
     
    soundous, Feb 28, 2008 IP
  12. soundous

    soundous Peon

    Messages:
    53
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #12
    many thanks for the informations :)
     
    soundous, Feb 28, 2008 IP