My h1. fonts suddenly stop showing on mobile devices

[Tikapu]

Hi,

my Mondia font for h1 which I have upload was working fine but suddenly now it doesn’t show on mobile devices and it’s replace by another.

I have included my details in a secure note.
I would love any advice on why this happened as it has been out of the blue.

Best
A

[rad]

Hi Alejandro,

Thanks for reaching out.

Would you mind removing font custom CSS and test it again. The font file is loading okay, it’s not just rendered which maybe due to multiple declaration of @font-face related to “Mondia”. For example, this is wrong,

Style attribute (eg. style="") is for inline CSS, Style tag (eg. <style>) is for CSS blocks. For now, let’s remove all those custom CSS, and test it again, and leave it that way while we’re investigating it.

Thanks!

[Tikapu]

Thank you, I will try that out.

[rad]

You’re most welcome!

[Tikapu]

I have deleted them all but on my ipad the font doesn’t show up still. It happened out of the blue and I didn’t installed any new plugin I believe. I puzzles me. Any advice would be great?

Thanks

[friech]

Hi Alejandro,

First, please remove this CSS block from your Theme Options > CSS

That is not correct commenting and causing errors on the entire Theme Options > CSS, use this tool to check your custom CSS.

Comments in CSS

Then please remove this from your parent X style.css file, and add it on the top of Theme Options > CSS. Parent X style.css file is not a place where you add custom CSS, because it will be wipe out when the theme update, you might want to use a child theme instead.

@font-face {
    font-family: Mondia;  
    src: url(http://www.bristolphotofestival.org/wordpress/wp-content/uploads/2020/03/font.woff2);  
    font-weight: normal;  
}

I don’t see the font Mondia getting loaded on your site, that means there is wrong on that @font-face declaration. One of that is the font source (src) URL, please check that.

Then follow this guide here on Using @font-face

I think the reason why this font working on your desktop is that this font Mondia is installed on your desktop locally.

Hope it helps,
Cheers!

[Tikapu]

That’s brilliant. Thanks. It works.

A

[kory]

@Tikapu, glad to know you’re all set now! Cheers!