[Resolved] Custom Fonts are not working on Mobile Devices

[iamarghya]

I have installed a Custom font in my Hostinger theme directory with a Fonts Folder and wrote the font-face but it is not working on mobile devices.

@font-face {
  font-family: 'ClashDisplay-Variable';
  src: url('https://cryptoprithvi.com/wp-content/themes/generatepress_child/Fonts/ClashDisplay-Variable.woff2') format('woff2'),
       url('https://cryptoprithvi.com/wp-content/themes/generatepress_child/Fonts/ClashDisplay-Variable.woff') format('woff'),
       url('https://cryptoprithvi.com/wp-content/themes/generatepress_child/Fonts/ClashDisplay-Variable.ttf') format('truetype');
       font-weight: 200 700;
       font-display: swap;
       font-style: normal;
}

[Fernando]

Hello there,

Can you share the link to the site in question? May we also know the specific font you’re trying to use?

[iamarghya]

This is the site. On the pc, it is working fine but not on smaller devices.
The font Name is Clash Display.
There are also other fonts I need to use on my website. But I can’t do it, need a quick solution, Thank you.

[Fernando]

Can you point us to one text in your site that uses this font?

[iamarghya]

Um, total websites are using it right now at the moment…

[iamarghya]

I am closing it u know I am using the old fonts, no problem…

[Fernando]

Alright! Let us know if assistance with anything else will be needed.

[Author]

Posts