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

Custom font not working in mobile

Question

Using the Jasper template. Here is the code I'm using:


@font-face { font-family: "Metropolis"; src: url(https://static1.squarespace.com/static/5d707e930fec5500014bea13/t/5d786e87913a06645e30fa5f/1568173704160/Metropolis-Medium.woff2), url(https://static1.squarespace.com/static/5d707e930fec5500014bea13/t/5d786e789da84f77dcfe024c/1568173688518/Metropolis-Medium.woff), url(https://static1.squarespace.com/static/5d707e930fec5500014bea13/t/5d786eaf9da84f77dcfe0813/1568173744007/Metropolis-Medium.otf);}

header#header * { font-family: 'Metropolis' !important; font-size: 22px!important; }

h1 { font-family: 'Metropolis' !important; font-size: 22px!important; }

Edited by mplsjen

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

@mplsjen Mobile Header uses other tags, so the code won't work.

add this code for mobile


.mobile-bar-wrapper * {
   font-family: 'Metropolis' !important;
   font-size: 24px !important;
}

h1, i think it worked all devices?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

OFF to next Tuesday. Please send to email if you have urgently problem.

Share this post


Link to post
  • 0

you should add the files in other formats as well, for example, go to special font generator tool and convert your font then add all types because this has to do with the operating system.

@font-face {
font-family: "CustomFont";
src: url("CustomFont.eot");
src: url("CustomFont.woff") format("woff"),
url("CustomFont.otf") format("opentype"),
url("CustomFont.svg#filename") format("svg");
}

 

Share this post


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...