Having the same issue! I made a duplicate version of the website and the fonts work fine. Would love some assistance on this too.
@font-face {
font-family: Whyte-Light;
src: url(https://static1.squarespace.com/static/62e492f388008e2f8c8edf4d/t/64c4549a1ddc6e61690d73b8/1690588315468/Whyte+Light.ttf);
}
@font-face {
font-family: Whyte-Regular;
src: url(https://static1.squarespace.com/static/62e492f388008e2f8c8edf4d/t/64c454e1cb4ea16810e862fe/1690588385473/Whyte+Regular.ttf);
}
@font-face {
font-family: Baskerville-01;
src: url(https://static1.squarespace.com/static/62e492f388008e2f8c8edf4d/t/63005108fbb354055d9e9a63/1660965128978/Baskerville-01.ttf);
}
@font-face {
font-family: GT-Pressura-Mono-Light-Light;
src: url(https://static1.squarespace.com/static/62e492f388008e2f8c8edf4d/t/649fdebabd94602e27db0c17/1688198843127/GT+Pressura+Mono+Light+Light.ttf);
}
@font-face {
font-family: GT-Pressura-Mono-Text-Trial;
src: url(https://static1.squarespace.com/static/62e492f388008e2f8c8edf4d/t/64b22e52a45c5b65d6840290/1689398866788/GT-Pressura-Mono-Text-Trial.ttf);
}
h1 {
font-family: 'Whyte-Light';
letter-spacing: -0.060em;
line-height: 1em;
font-size: 50px;
text-transform: none;
}
/* Mobile font*/
@media only screen and (max-width: 640px) {
h1 {font-size:2.5rem !important}
h3 {font-size: 0.8rem !important}
}
h2 {
font-family: 'Whyte-Regular';
letter-spacing: 0.06em;
font-size: 13px;
text-transform: none;
line-height: 129.4%;
}