JJHFDesigns Posted April 1, 2021 Share Posted April 1, 2021 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! Link to comment
tuanphan Posted April 5, 2021 Share Posted April 5, 2021 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
JJHFDesigns Posted April 5, 2021 Author Share Posted April 5, 2021 @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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment