Site URL: http://www.definepilates.co.nz
Hey team - total novice here!!
Can anyone help me to understand why our custom font doesn't work on mobile - but it does on desktop?
Our website is definepilates.co.nz
Our code for the font is below ( I think!).
Thanks loads
Vicky
@font-face {
font-family: 'commuterssans';
src: url('FontURLhttps://static1.squarespace.com/static/620849d5fcf266763285fceb/t/621e669c21e49a69ca53177b/1646159516508/commuterssans-semibolditalic.otf');}
p1{font-family: 'commuterssans';}
p2{font-family: 'commuterssans';}
p3{font-family: 'commuterssans';}
p4{font-family: 'commuterssans';}
@font-face {
font-family: 'Branch';
src: url('FontURLhttps://static1.squarespace.com/static/620849d5fcf266763285fceb/t/621e66b57f53f92a8feb36ad/1646159542315/Branch.ttf');}
h1 {font-family: 'Branch';}
h2 {font-family: 'Branch';}
h3 {font-family: 'Branch';}
h4 {font-family: 'Branch';}
//Sans Serif Headings
h3 {
font-family: 'ss-pro', sans-serif !important;
font-weight: 600;
font-style: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.2em;
}
h4 {
font-family: 'ss-pro', sans-serif !important;
font-weight: 700;
font-style: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.8em;
strong {
font-weight: 900;
//color: red;
}
}
//paragraph 1
.sqsrte-large {
}
//paragraph 2
p {
}
//paragraph 3
.sqsrte-small {
}
//invert logo colour
body:not(.homepage) .header-title-logo {
filter: invert(0.7);
}
body#collection-621e70c508ae120ad1b15cd8 .header-title-logo {
filter: invert(0);
}
//thinner nesletter form
.sqs-block-newsletter .newsletter-form-field-element {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
button.newsletter-form-button.sqs-system-button {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
