Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 25, 2018 at 4:56 pm #1001671
    Rgrant74

    Strange but my font looks very different on Chrome vs Safari. In Chrome it’s perfect the way I want it but in Safari, it’s bulky and terrible. Is this something that can be fixed?

    The site is on Maintenance so I’ve included screenshots below

    August 25, 2018 at 6:02 pm #1001690
    Mike

    Hey Rgrant74,
    It looks like in Safari your top bar & menu items are in bold (strong), perhaps you have a un-closed bold (strong) tag in the top bar where it says “Enjoy free shipping…”
    I believe Chrome is more forgiving on un-closed tags than Safari. I don’t have Safari, but if your include your URL and a login one of the team members with Safari will be able to check it out for you.
    Or if you copy the source code of your page, you can test it in this handy tool: Closing Tag Checker

    Best regards,
    Mike

    August 25, 2018 at 6:15 pm #1001703
    Rgrant74

    Thanks Mike, For that line in the top bar, I’m using Enfold Child -> Header -> Extra Elements
    I typed it in there, I didn’t code it myself so I’m not sure why there would be an open tag but more than happy for someone to have a look. I’ve put log in info below

    • This reply was modified 6 years, 3 months ago by Rgrant74.
    August 25, 2018 at 6:56 pm #1001727
    Mike

    Hi,
    I checked your source code for un-closed tags, but found none, but I did find that your menu items have a font-weight of 600, which is semi-bold, which also displays in FireFox and Edge similar to Safari.
    So it could be that Chrome is not rendering the font-weight 600 correctly, you could try testing with this css:

    .avia-menu-text {
font-weight: 400 !important;
}

    to see if the menu items look better in Safari, if so you will need to decide if your want to change the font-weight for your whole site or just some items, or if you want to try a different font that renders better in every browser. Some fonts don’t.
    Please give it a try and let us know.

    Best regards,
    Mike

    August 25, 2018 at 7:28 pm #1001741
    Rgrant74

    Brilliant! That did fixed the menu.

    In looking through I noticed the weight in Chrome is heavy in a few places including the blog and on shop product titles and amount. I really would rather not change the font so how would I change the weight on the rest of the sight? I’m assuming this is less complicated than doing individual items?

    August 25, 2018 at 11:46 pm #1001789
    Mike

    Hi,
    Glad to hear, we can set the font-weight for text and links with this css:

    #top #wrap_all #main.all_colors p,#top #wrap_all #main.all_colors a {
font-weight: 400 !important;
}

    Let us know if this helps.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.