WOFF Font Not Displaying in Multiple Browsers

[MontanaSBC]

Hey Support Team,

I uploaded a custom font (Noe Display Medium.woff) to a client’s site using the X Theme options panel. While it seems to be working correctly on a desktop with Chrome, other browsers aren’t displaying it and it’s reverting to a fallback font.

What can I do about this?

Website: http://brkservices.com/

[mldarshana]

Hi There @MontanaSBC

Thanks for writing in! I have tested your site using several browsers, and I see pretty much same results on them.

Chrome:

Safari:

Firefox:

Could you please try changing your CSS rule as follows and see if that helps.

h1.x-text-content-text-primary {
   font-family: Noe Display Medium, serif !important;
   font-weight: 500;
}

Also you need to clear full cache before retesting your issue again. You can refer to the following resource (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Let us know how it goes.
Thanks!