custom font not showing up on every computer

I'm trying to use a custom font Recoleta, but it does not show up on my editor and I tried it on another computer. However, one person can see the right font on theirs?

I'm wondering if someone could tell me what I've done wrong. My code is below.

Thanks in advance!

// Creating font-family Recoleta
@font-face {
    font-family: 'RecoletaAlt';
    src: 
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3d7a8a2bf90a9b22c518/1604074874580/RecoletaAlt-Black.woff)format('woff'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3d88c21fe74f0fbd4b44/1604074889068/RecoletaAlt-Bold.woff)format('woff'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3da069362b211c3b2ff4/1604074912724/RecoletaAlt-Light.woff)format('woff'), 
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3da5569d1a745aee96d6/1604074917686/RecoletaAlt-Medium.woff)format('woff'), 
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3dad2f476b459791c70b/1604074925677/RecoletaAlt-Regular.woff)format('woff'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3db407d2aa5b3e821434/1604074932303/RecoletaAlt-SemiBold.woff)format('woff'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3dbb9720197f8797e3c9/1604074939478/RecoletaAlt-Thin.woff)format('woff'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3bb292d29c2275d70b81/1604074419506/RecoletaAlt-Regular.woff2)format('woff2'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c39c483c6e057b12ccf56/1604073926203/RecoletaAlt-Light.woff2)format('woff2'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3a001bc5df38cb909b63/1604073984402/RecoletaAlt-Thin.woff2)format('woff2'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3a0d92d29c2275d6c2a9/1604073998669/RecoletaAlt-Medium.woff2)format('woff2'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3bb99189643dd3e2ffa7/1604074425611/RecoletaAlt-Medium.woff2)format('woff2'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3a2c5e0265072d2b9d64/1604074028580/RecoletaAlt-Bold.woff2)format('woff2'),
    url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3a1f569d1a745aedfabd/1604074015602/RecoletaAlt-Black.woff2)format('woff2');
}

// Site title
#header h1.site-title { font-family: "RecoletaAlt-Bold";}

// Assigning Fonts and spacing
h1 {font-family: 'RecoletaAlt-Bold'; color: #f2efe7; letter-spacing: 4px;}
h2 {font-family: 'RecoletaAlt-Regular'; color: #f2efe7;}
h3 {font-family: 'RecoletaAlt-Regular'; color: #f2efe7;}
h4 {font-family: 'RecoletaAlt-Regular'; color: #f2efe7;}
 

Can you share site url? We can check easier