It's still not working in mobile. Unsure what to do. I appreciate your help! Here's the code I have:
@font-face {
font-family: 'CatchyMager';
src: url('https://static1.squarespace.com/static/62e2f3be41c8034375426c0b/t/62f924cdd583b67a0a6d077e/1660495054237/CatchyMager-Normal.ttf');
src: url(https://static1.squarespace.com/static/62e2f3be41c8034375426c0b/t/63065c93eb508c21f4533c38/1661361301931/CatchyMager-Normal.otf), url(https://static1.squarespace.com/static/62e2f3be41c8034375426c0b/t/62f93771d583b67a0a6f0f42/1660499826251/CatchyMager-Normal.woff), url(https://static1.squarespace.com/static/62e2f3be41c8034375426c0b/t/62f9377ad583b67a0a6f1535/1660499834477/CatchyMager-Normal.woff2), url(https://static1.squarespace.com/static/62e2f3be41c8034375426c0b/t/63065d833fc7a9421c708a50/1661361539953/CatchyMager-Normal.eot);
}
.has-site-title .Header-branding { font-family: "CatchyMager"; }