Typefaces not working on mobile or safari site

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

What's your website? Password?

I would guess that the problem is that you have two sources for one font family, and I've seen this cause them not to load on mobile. I would delete the reference to the WOFF format, and see if that improves it on mobile.

If not then you may have to share how you are assigning the font family to your site fonts in the Custom CSS.

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!

Yes, I can see that. Can you share the CSS that is related to the font family?

when you're defining the @font-family, you don't want to have the fallback style in the name. So take out ,sans-serif from the CSS posted above.

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

The code is missing some ( & ) symbols

and this

Try this new font face code

@font-face {
    font-family: 'mundial';
    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');
}
.button-block * {
    font-family: 'mundial' !important;
}