Why is my custom font not displaying on mobile devices?

Store Design
, ,
1

Is there anything anyone can do? Thanks so much

{%- endif -%} @font-face { font-family: 'SergioTrendy-Regular'; src: url('[https://cdn.shopify.com/s/files/1/0612/7756/9224/files/Sergio_Trendy.woff2?v=1700283535](https://cdn.shopify.com/s/files/1/0612/7756/9224/files/Sergio_Trendy.woff2?v=1700283535)') format('woff2'); }@media only screen and (max-width: 767px) { body { font-family: 'SergioTrendy-Regular', sans-serif; } }