The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

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:



    Here’s the webpage it’s on:

    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


    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed