Site not displaying proper font in Mac Safari

Site URL: https://languagesuccess.org/en/home

Hi, our site https://languagesuccess.org/en/home is no longer displaying the chosen fonts in Safari on Mac.

On Windows I see Roboto,

on Mac it shows Times New Roman. On safari Inspection I see that the CSS is not loading. Neither Chrome or Safari on Mac display the font correctly.

How do I resolve this please?

Thanks

Chrome/macOS has no problem displaying the Roboto font in general.

The image card poster uses the Heading Branding font setting. Is that set to Roboto in Design > Site Styles?

If you don't want to change the header branding then you'll need custom CSS to get the job done.

While I was knocking around I noticed that some of the HTML in your code blocks, the one with unordered lists appears to be malformed. Usually ul tags contain li tags.

Let us know how it goes.

Hi,

Thanks for your response @creedon

I am at a loss, either I don't understand you, or it is not the case.

In the site style the body text is Roboto, there is not a specific font for the image, and not for the branding.

I also can't seem to inspect the element to check the image text:

Have you a little guidance please?

Thanks

10 hours ago, MattlC said:

there is not a specific font for the image, and not for the branding.

Ah ha! Try this. Temporarily remove your site logo. Then look under Header Branding. Instead of image width it should now have font settings. Is the font set to Roboto? If not, change, save. Then reinstate your logo.

Does that do the trick?

Hi,

Thanks @creedon

It was set to Futura. I have changed it to the desired Roboto.

I think it could be solved, I can't see much of a difference, except that the Mac shows font heavier/bolder. Any ideas about this?

Thanks,

Matt