Grow your CSS skills. Land your dream job.

Blurry Text In Safari (CSS Issue?)

  • # March 28, 2013 at 4:48 am

    Hey folks,

    I’m new to design and this is ruffling my feathers.

    For some reason (or maybe it’s normal) my text in safari is blurry and
    distorted vs what’s being shown with firefox.

    Here’s a couple screecshots of what I mean:

    Firefox:

    Safari:

    Here’s the webpage it’s on:
    http://offlinepowersale.com/?page_id=9

    CSS for the text property:

    p.content {
    color: #000000;
    font-family: Georgia,serif;
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 25px;
    }

    Is this something that I should just get used to? Or is there a way
    to sharpen, smoothing text for Safari browsers.

    I’ve tried a couple -webkit properties and they don’t seem to be doing
    anything.

    Suggestions?

    # March 28, 2013 at 5:46 am

    It looks fine to me.. (in my browsers) maybe it’s a version issue or i would ask first what is your screen resolution?
    but the only thing that I see a different is the “OFFLINE POWER SALE” text, it looks thinner in the safari than the FF, but this is because you use the “Helvetica Neue” font i guess…

    # March 28, 2013 at 8:10 am

    Not all browsers will render the same way. Taking a look at your screenshots, this seems normal.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".