laura-now

here is the CSS for the buttons that are specifically not transferring to mobile:

.sqs-block-button-element--small {
    font-family: 'mundial' !important;
     border: 2px solid #000000 !important;
}

.sqs-block-button-element--medium {
    font-family: 'mundial' !important;
     border: 2px solid #000000 !important;
  letter-spacing: 2px !important;
}

.sqs-block-button-element--large {
    font-family: 'mundial' !important;
     border: 2px solid #000000 !important; 
  letter-spacing: 2px !important;
}

.newsletter-form-button {font-family: 'mundial' !important;
     border: 2px solid #000000 !important; 
  letter-spacing: 2px !important;
}

.form-wrapper input[type="submit"] {
font-family: 'mundial' !important;
     border: 2px solid #000000 !important; 
  letter-spacing: 2px !important;
} 

https://designshopwinnipeg.squarespace.com is the website name and it's currently live. 

I've tried removing the WOFF and it doesn't change anything. 

Let me know if you can help further!

My typefaces are not showing up on my mobile site. 

Below is the code, I'd love some help!

@font-face {
    font-family: 'mundial', sans-serif;
  src: url('https://static1.squarespace.com/static/62cd90e706e63f41715fba9f/t/633b0ffe7e360b02782dc2fd/1664815102204/font.ttf')  format('truetype');
  src: 
    url ('https://static1.squarespace.com/static/62cd90e706e63f41715fba9f/t/633b08f4432c494ec162dc04/1664813300976/font.woff') format ('woff');
}