Fonts not displaying in Firefox mobile

[jeremy4]

Hello, for some reason Cormorant Upright is not displaying in Firefox mobile. The @font-face rule is in the global CSS but for some reason it’s not working. A screenshot is attached. Please help?

[ruenel]

Hi Jeremy,

Thanks for posting in! You have implemented the Google font incorrectly.

To resolve your issue, please remove your code first:

@font-face { 
  font-family: 'Cormorant Upright', serif; 
  src: url('https://fonts.googleapis.com/css?family=Cormorant+Upright:300,400,500,600,700'); 
}

You will need to replace it with this line only:

@import url('https://fonts.googleapis.com/css?family=Cormorant+Upright');

If you need anything else we can help you with, don’t hesitate to open another thread.

[jeremy4]

Hi @RueNel I’ve followed your instructions above but experiencing the same issue. Am I still implementing the code incorrectly?

[rad]

Hi @jeremy4,

Please try disabling your site’s minification and cache for now, and let’s check it again. And please provide your login credentials in a secure note. I like to check your font setup first.

Thanks!

[ruenel]

Hello There,

You may need to deactivate any caching plugin like WP Fastest Cache or Autoptimize plugin. Please provide your WP credentials in a secure note so that we can check your site thoroughly.

Thank you.

[ruenel]

Hello There,

Your cache can be flushed out from here:

I have replied your other thread related to the navbar.