Jump to content

Custom Font Problem on Mobile Site

Recommended Posts

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

I have added a custom font to my website and have it under h3. It is supposed to be the script font in the second image. it is working on desktop, but not on mobile or tablet. Here is the code that I have added. Any tips on how to fix it on mobile?

//ADDING REMAN FONT//
@font-face {
  font-family: "Reman";
      src:
url('https://static1.squarespace.com/static/60f1b9ed84bdc3300f23b9cc/t/60f99ced9da0b966a576b8a4/1626971373596/Reman+3.ttf');
}

//ASSIGN REMAN FONT//
h3 {font-family: "Reman"; 
letter-spacing:'2px';    
font-size:120px;
  line-height:.75
}
.mobile-bar-wrapper *, h3 {
    font-family: "Reman" !important;
    font-size: 70px
}

IMG_1DA7CE91E460-1.jpeg

Screen Shot 2021-08-18 at 12.02.57 PM.png

Link to comment
  • Replies 1
  • Views 194
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

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

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