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);
}