Clive Portman: code

Mac font-rendering too bold on dark backgrounds?

Use this:

@mixin font-smoothing($value: on) {
    @if $value == on {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    @else {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
    }
}

Then apply with:

.darkbg {
    @include font-smoothing(off);
}

Original source.