vickyshepherd

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; }