font Custom Fonts Working On Desktop But NOT Mobile 7.0

Site URL: https://www.peyotebird.com/

I'm having a bizarre issue where custom fonts are working on Desktop but not mobile.

This is without the font installed on my computer.

Looking for the H3 specifically. 

*Please note we cannot download this font it pulls from their network hence the src: url*

Here's my code:

font-face {font-family: Miller Disp Lt;
src: url(cloud.typenetwork.com/projects/5457/fontface.css);
}

h3 {
font-family: 'Miller Disp Lt It';
}
h1.ProductList-title {
    font-family: 'Miller Disp Lt';
}
.empty-message {
    font-family: 'Miller Disp Lt';
}

/***************************************************************
These styles are subject to the license agreement(s) provided when you purchased the license(s).

https://store.typenetwork.com/cart/eula/type-network
https://store.typenetwork.com/cart/eula/type-network
https://store.typenetwork.com/cart/eula/type-network
https://store.typenetwork.com/cart/eula/type-network
https://store.typenetwork.com/cart/eula/type-network
https://store.typenetwork.com/cart/eula/type-network
https://store.typenetwork.com/cart/eula/type-network
***************************************************************/

.millerdisplaylight {
    font-family: "Miller Disp Lt";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.millerdisplaylightitalic {
    font-family: "Miller Disp Lt It";
    font-display: swap;
    font-style: italic;
    font-weight: normal;
}

.millerdisplayroman {
    font-family: "Miller Disp Rom";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.millerdisplayitalic {
    font-family: "Miller Disp It";
    font-display: swap;
    font-style: italic;
    font-weight: normal;
}

.millerdisplaysemibold {
    font-family: "Miller Disp Semi Bd";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

.millerdisplaysemibolditalic {
    font-family: "Miller Disp Semi Bd It";
    font-display: swap;
    font-style: italic;
    font-weight: normal;
}

.millerdisplaybold {
    font-family: "Miller Disp Bd";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
}

Attached you can see the  exact style of the font. 

Thanks in advance for any help! 

Try remove this code

font-face {font-family: Miller Disp Lt;
src: url(cloud.typenetwork.com/projects/5457/fontface.css);
}

replace with this code

@import url("http://cloud.typenetwork.com/projects/5457/fontface.css");

@tuanphan thank you for the reply!

I did the following you suggested. Same issue is happening. I will leave it with your adjusted code.

Open to other suggestions.