WordPress.org

Forums

Background Manager
[resolved] Background Manager Seems to be Messing My Google Fonts Up (5 posts)

  1. Martin Bailey
    Member
    Posted 1 year ago #

    Hi Myatu,

    I love Background Manager. Thanks a million for making this available!

    I am having one problem though. I noticed a problem with my site where all of the fonts (Google Fonts) are all skinny in Safari. It looks fine in other browser, but terrible in Safari. I tried deactivating all of my plugins one by one, and found that the font displays fine in Safari when I deactivate Background Manager. I tried a number of settings, but couldn't fix it. I don't have any custom CSS set up in the Background posts or anything like that.

    Here are a couple of screenshots to see what I mean:
    http://www.martinbaileyphotography.com/temp/No_Background_Manager_Font_OK.jpg
    http://www.martinbaileyphotography.com/temp/With_Background_Manager_Font_Screwed_Up.jpg

    I hope you can help.

    Thanks,
    Martin.

    http://wordpress.org/plugins/background-manager/

  2. myatu
    Member
    Plugin Author

    Posted 1 year ago #

    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?

  3. Martin Bailey
    Member
    Posted 1 year ago #

    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.

  4. Martin Bailey
    Member
    Posted 1 year ago #

    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.

  5. myatu
    Member
    Plugin Author

    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic