Custom Fonts are not working on Mobile Devices

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;
}