Jump to content

custom font not showing up on every computer

Recommended Posts

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

 

Link to comment
  • Replies 1
  • Views 388
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.