Hi,
I have uploaded two fonts, Lustria (for headings) and Oxygen (for body font). Uploading worked and the site looked great until I moved it to it’s primary domain (had it in a staging site). I’ve tried changing fonts, saving, then changing back and saving, to no avail. I have a screenshot of what the site did look like with the correct fonts, and how it appears now taking on some other fonts which I don’t like.
Could you shed any light on this?
The site is here: https://royalpalmproperty.com/
Screenshots:https://royalpalmproperty.com/wp-content/uploads/2021/03/Oxygen-and-Lustria.jpg (this is what it is supposed to look like, and it did)
Now it looks like this: https://royalpalmproperty.com/wp-content/uploads/2021/03/Now-Looks-Like-hthis.jpg
Any ideas?
well Lustria itself has only a font-weight native of 400.
If you go and choose 500 – it will be displayed but rendered by the browser.
you have a shadowed rule : maybe this is a good place to set the rule as google does only with serif fallback:
.shadowed h1 {
font-weight: 500 !important;
text-shadow: 2px 2px 20px #000000;
font-family: 'Lustria', serif;
}
or:
h1, h2, h3, h4, h5, h6 {
font-family: 'Lustria', serif !important;
font-weight: 400;
}
hmmmm… that helped some, but the font sizes are all wrong and it didn’t change the menu items. Maybe I’ll have to choose another font.
Thank you, that did help, I figured out what to do.