I'm dealing with the same issue here! The code works on desktop, but not mobile if anyone can take a look? I tried adding all versions of the font, etc. but no luck. Website is www.lilybnelson.com, code below:
@font-face {
font-family: 'recoleta';
src: url(https://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/62617768a7a4a7038a878cfc/1650554728232/Recoleta-Black.ttfhthttps://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626c3e754a79d3621f243b97/1651261045744/Recoleta-Bold.woff2https://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626c3e754a79d3621f243b97/1651261045744/Recoleta-Bold.woff2https://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626177b2131281772d2ff333/1650554802686/Recoleta-Bold.ttfhttps://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626177c6bdb6743eef3e4cd4/1650554822124/Recoleta-Regular.ttfhttps://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626c3e34b8357d201c68669d/1651260980779/Recoleta-Regular.woffhttps://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626c3e754a79d3621f243b97/1651261045744/Recoleta-Bold.woff2https://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626c3e7eff446858b21471be/1651261054606/Recoleta-Regular.woff2https://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626c3e8534491911a2d1b596/1651261061534/Recoleta-Medium.woff2tps://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626177bca1bc46722dc6b57c/1650554812671/Recoleta-Medium.ttf), url(https://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626177bca1bc46722dc6b57c/1650554812671/Recoleta-Medium.ttffontURL.woff), url(fontURLhttps://static1.squarespace.com/static/55511668e4b04fae16fc1a34/t/626177c6bdb6743eef3e4cd4/1650554822124/Recoleta-Regular.ttf.woff2);
}
h2 {
font-family: 'recoleta-medium' !important ;
font-size: 20pt;
letter-spacing: .5px;
line-height: 140%;
color: #3b3b3b;
}
#header h1.logo { font-family: "recoleta-black" !important ; font-size: 42pt;
letter-spacing: 1px; }
#projectThumbs .project .project-title {
font-family: "recoleta-medium" !important; letter-spacing: .3px; }