Hi Enfold Team,
I’ve added an embedded map to this page using the WP Maps plugin:
After embedding the map, I noticed that the H1 font on the page becomes much bolder.
For reference, please see the H1 styling on this page, which is the desired appearance:
Could you please advise how to resolve this styling conflict and restore the correct H1 font weight?
Thank you so much!
Hey lara666,
Thank you for the inquiry.
The font looks different on the “our-services” page because the variation 300 is not loaded for some reason, so it falls back to 100 font weight. Technically, the heading element in the “struct-projects-map” has the correct appearance. If you need to make the font weight consistent, you can try this css code:
.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
font-weight: 100;
}
This is the font in the services page:
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700%7COpen+Sans:400,600%7CRoboto:100,400,700&display=auto" id="avia-google-webfont">
And this is the one loaded on the other page, probably because of the map:
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans:400,500,700|Google+Sans+Text:400,500,700&lang=en">
Best regards,
Ismael