Custom font not reflecting

Hello please 
I need a quick help 
I am trying to use my brand custom font for my website 
I will attach image 
I have upload the font file but it's still not reflecting i am not sure i used the correct css code 

@paul2009Hi Paul please can you help with this
I want to have the website launch soon but i can't because of this

Can you share how you've tried to add the font? The entire CSS?

From this snippet you've shared, you haven't placed the URL of the file upload:

Look at this guide:

https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

@Ziggy
Thank you 
can you help me this  is the code i have on the site 

https://static1.squarespace.com/static/64b1d38ab1ba604665f8089e/t/66cabff5fb511101bb41f316/1724563446569/MCSequoia-Thin.otfhttps://static1.squarespace.com/static/64b1d38ab1ba604665f8089e/t/66cabff5fb511101bb41f316/1724563446569/MCSequoia-Thin.otfhttps://static1.squarespace.com/static/64b1d38ab1ba604665f8089e/t/66cabffd1347712fcdce30d7/1724563454137/MCSequoia.otf/* Import Custom Fonts */
@font-face {
    font-family: 'MCSequoiaBold';
    src: url('MCSequoia-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MCSequoiaThin';
    src: url('MCSequoia-Thin.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Apply Fonts Globally */
h1, h2, h3, h4, h5, h6 {
    font-family: 'MCSequoiaBold', sans-serif;
}

p, a, span {
    font-family: 'MCSequoiaThin', sans-serif;
}

/* Custom Styles for Specific Elements */
.site-title {
    font-family: 'MCSequoiaBold', sans-serif;
}

.nav-item, .footer-text {
    font-family: 'MCSequoiaThin', sans-serif;
}

Replace your code with this:

/* Import Custom Fonts */
@font-face {
    font-family: 'MCSequoiaBold';
    src: url('https://static1.squarespace.com/static/64b1d38ab1ba604665f8089e/t/66cabffd1347712fcdce30d7/1724563454137/MCSequoia.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MCSequoiaThin';
    src: url('https://static1.squarespace.com/static/64b1d38ab1ba604665f8089e/t/66cabff5fb511101bb41f316/1724563446569/MCSequoia-Thin.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Apply Fonts Globally */
h1, h2, h3, h4 {
    font-family: 'MCSequoiaBold', sans-serif;
}

p, .sqsrte-large, .sqsrte-small  {
    font-family: 'MCSequoiaThin', sans-serif;
}

/* Custom Styles for Specific Elements */
.site-title {
    font-family: 'MCSequoiaBold', sans-serif;
}

.nav-item, .footer-text {
    font-family: 'MCSequoiaThin', sans-serif;
}

Thank you @Ziggy
everything has been changed except the tabs for pages and the book a cabin button

3 minutes ago, Shellyj said:

Thank you @Ziggy
everything has been changed except the tabs for pages and the book a cabin button

You can try adding this to CSS:

:root {
 --body-font-font-family: 'MCSequoiaThin';
 --heading-font-font-family: 'MCSequoiaBold';
 --meta-font-font-family: 'MCSequoiaThin';
 --primary-button-font-font-family: 'MCSequoiaBold';
 --secondary-button-font-font-family: 'MCSequoiaBold';
 --tertiary-button-font-font-family: 'MCSequoiaBold';
}

You haven't shared your website URL, so I can check.