Jump to content

Custom Fonts Working On Desktop But NOT Mobile 7.0

Recommended Posts

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 comment
  • Replies 2
  • Views 610
  • Created
  • Last Reply

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.