Custom Font Not Appearing on Android

[santosfel5]

I’m having an issue with Android users not being able to see a custom font I added to the site headlines. It does appear on all browsers on desktop devices and it does appear on Apple devices. The custom font is called Romulus.

The website is https://billobriencoaching.com

This is how the heading font should appear

This is how the headline appearing on Android devices (incorrectly)

[ruenel]

Hello @santosfel5,

Thanks for posting in! I have investigated your issue and I found out that you have added this font code:

@font-face{
    font-family:"Romulus";
    font-display:"auto";
    src:url("http://billobrienlive.wpengine.com/wp-content/uploads/fonts/romulus-webfont.woff2") format('woff2');
    font-weight:700;
    font-style:regular;
}

Be advised that the .woff2 file format is only applicable to super modern browsers. Others does not support this format. It is best that you also use the *.ttf, *.woff and other font formats. To lear more how you can properly use the @font-face, please check this out: https://transfonter.org/formats

Hope this helps.

[santosfel5]

I didn’t add that code myself. That’s coming from X themes font manager. The odd thing is I’ve added .woff2 fonts in the past before and not had issues with Android users seeing the custom font.

I’ve gone ahead and added the font-face code along with the .ttf and .woff file, I’m going to have some Android users have a look at and report back to see how that goes.

[jade]

Feel free to let us know how it goes.