Custom font issues

Hi all,

I followed every step to implement my custom fonts the right way but they don't get displayed (right). With my font WOODLAND Squarespace displays a 'custom font' (I guess) but it's different font instead of the WOODLAND. The font that I've called Cabinet doesn't show up at all. Hopefully someone can help me out with this weird problem?

I used the following codes:

//ADDING WOODLAND FONT//
font-face {
font-family: 'WOODLAND';
src: url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9a805daa9293e965129ad/1656334342477/PPWoodland-Medium.otf'), url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b0485d17937691edf8a2/1656336456615/PPWoodland-Medium.woff') url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b04c6538110b20548ec1/1656336461131/PPWoodland-Medium.woff2');
}
h1, h2, h3, h4 {
font-family: 'WOODLAND';
}

//ADDING CABINET FONT//
font-face {
font-family: 'CABINET';
src: url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b3a4edbbf074b5492eea/1656337316728/CabinetGrotesk-Regular.otf'), url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b6a766ca802a014db352/1656338088064/CabinetGrotesk-Medium.woff'), url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b6b3981fc44ae993d233/1656338100087/CabinetGrotesk-Regular.woff2');
}

.sqsrte-large {
font-family: 'CABINET'!important;
}

p {
font-family: 'CABINET'!important;
}

.sqsrte-small {
font-family: 'CABINET'!important;
}

For one, it should be @font-face

@ghemachandar thanks for noting this. This worked for the second font I was talking about. The CABINET seems to work now. For the WOODLAND the typo stays the same. Doesn't show the right font, but a different one (not the one I've uploaded). Any idea what this could be?

I've included two screenshots so you can see the difference in typo. One of the font Squarespace keeps showing and the one I've uploaded.

What is site url? We can check your code easier

@tuanphan thanks for looking into it!

Site url: cirkel.life

PW: TrialCirkel

22 hours ago, Vincent_Janssen said:

@tuanphan thanks for looking into it!

Site url: cirkel.life

PW: TrialCirkel

Change your code

@font-face {
    font-family: 'WOODLAND';
    src: url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9a805daa9293e965129ad/1656334342477/PPWoodland-Medium.otf'),url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b0485d17937691edf8a2/1656336456615/PPWoodland-Medium.woff') url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b04c6538110b20548ec1/1656336461131/PPWoodland-Medium.woff2')
}

to this

@font-face {
    font-family: 'WOODLAND';
    src: url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9a805daa9293e965129ad/1656334342477/PPWoodland-Medium.otf');
    src:url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b0485d17937691edf8a2/1656336456615/PPWoodland-Medium.woff'), url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b04c6538110b20548ec1/1656336461131/PPWoodland-Medium.woff2');
}

On 7/1/2022 at 10:02 AM, tuanphan said:

@font-face {
    font-family: 'WOODLAND';
    src: url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9a805daa9293e965129ad/1656334342477/PPWoodland-Medium.otf');
    src:url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b0485d17937691edf8a2/1656336456615/PPWoodland-Medium.woff'), url('https://static1.squarespace.com/static/62b9a58bfc02152f6981ae83/t/62b9b04c6538110b20548ec1/1656336461131/PPWoodland-Medium.woff2');
}

It did the trick. I see what you did now. Good to know for the future! 
Thanks for looking into it for me.