Hi I am having the same issue on my site XD.NZ . Fine on desktop with font installed but not working on mobile or other devices.
Should look like this but showing a serif font
Any help appreciated!
// Fonts //
@font-face {
font-family: 'Inter Display SemiBold';
src: url('https://static1.squarespace.com/static/62f8746d51b9095beb21e6c0/t/63366f5c342c323c792de3ff/1664511836422/InterDisplay-SemiBold.woff2');
font-family: 'inter Display Medium';
src: url('https://static1.squarespace.com/static/62f8746d51b9095beb21e6c0/t/63366f5124c4f44f7536b8c6/1664511826134/InterDisplay-Medium.woff2');
font-family: 'Inter Display Regular';
src: url('https://static1.squarespace.com/static/62f8746d51b9095beb21e6c0/t/63366f575546007641299fb8/1664511831762/InterDisplay-Regular.woff2');
}
// Headers
h1{font-family: 'Inter Display SemiBold';}
h2, h3, h4{font-family: 'Inter Display Medium';}
// Paragraphs //
.sqsrte-large {font-family: 'Inter Display Regular';}
p {font-family: 'Inter Display Regular';}
.sqsrte-small {font-family: 'Inter Display Regular';}
// Quotes
.sqs-block-quote blockquote {font-family: 'Inter Display Regular';}
.sqs-block-quote .source {font-family: 'Inter Display Regular';}
// Navigation
.header-nav-item a {font-family: 'Inter Display Regular';}
.header-menu-nav-item a {font-family: 'Inter Display Regular';}
// Small or Tertiary Button //
.sqs-block-button-element--small, .sqs-button-element--tertiary {font-family: 'Inter Display Regular';}
// Medium or Primary Button //
.sqs-block-button-element--medium, .sqs-button-element--primary {font-family: 'Inter Display Regular';}
// Large or Secondary Button //
.sqs-block-button-element--large, .sqs-button-element--secondary {font-family: 'Inter Display Regular';}
// Forms //
.form-wrapper .field-list .title {font-family: 'Inter Display Regular';}