Background Manager Seems to be Messing My Google Fonts Up

Hello,

Not sure about this one. Background Manager does not add anything related to font. I’ve removed all the elements and styles that Background Manager adds on the live site (using browser developer tools), but that does not change the appearance of your website (other than changing the background, of course). Have you tried it with another browser, to see if there’s a difference with rendering?

Hi Myatu,

Thanks for looking into this.

Yes, the site looks fine in Firefox and Chrome. It’s only like this in Safari. This makes me believe it’s a Safari issue, but it clears up when I deactivate Background Manager, so I do think there’s something happening there.

Thanks,
Martin.

Hi Myatu,

I found that there is an issue with Safari making fonts look thin due to the way it handles sub-pixel rendering of fonts. Adding the below to my CSS stylesheet has improved how the pages look. It’s not perfect, but it looks much better.

html { -webkit-font-smoothing: subpixel-antialiased;}

I just thought I would let you know. I think the reason the font gets messed up when I have Background Manager active is perhaps because it loads JQuery for some effects.

Cheers,
Martin.

Thanks for the heads up – I’ll see if I can replicate this on my end using the details you’ve provided.