Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Fonts Working On Desktop But NOT Mobile 7.0


JJHFDesigns

Question

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! 

 

Screenshot 2021-04-01 164418.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

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");

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...