Custom Font Not Loading on Desktop or Mobile

Any help with the css would be greatly appreciated! 

Website: 

Did you solve this? It already fine to me

A specific font on my site suddenly stopped working, any help? I haven't changed anything with the CSS so I'm not sure what happened

17 hours ago, nahlah said:

A specific font on my site suddenly stopped working, any help? I haven't changed anything with the CSS so I'm not sure what happened

Can you share link to page where you have problem?

www.faceoflove.co so throughout my site the font isn't showing up consistently. When I view my site on chrome from desktop the custom font shows, when I look on my phone or tablet via chrome it doesn't show, when I go to my site on desktop on firefox the custom font doesn't show. I'm pretty confused about how this could happen.

On 7/25/2023 at 4:15 AM, nahlah said:

www.faceoflove.co so throughout my site the font isn't showing up consistently. When I view my site on chrome from desktop the custom font shows, when I look on my phone or tablet via chrome it doesn't show, when I go to my site on desktop on firefox the custom font doesn't show. I'm pretty confused about how this could happen.

Did you changed Built-in domain? I see the font url in your code doesn't exist

@font-face {
    font-family: 'Anaktoria';
    src: url('https://static1.squarespace.com/static/5cdeb989e4a6f8000113ee91/t/60e455aaf86cfd7f0fd75b63/1625576874264/Anaktoria.otf')
}

Copy url & paste to browser address bar, the link doesn't exist

9 hours ago, tuanphan said:

Did you changed Built-in domain? I see the font url in your code doesn't exist

@font-face {
    font-family: 'Anaktoria';
    src: url('https://static1.squarespace.com/static/5cdeb989e4a6f8000113ee91/t/60e455aaf86cfd7f0fd75b63/1625576874264/Anaktoria.otf')
}

Copy url & paste to browser address bar, the link doesn't exist

No, I didn't change anything. I'm not sure how that happened, do you have any ideas? I uploaded the font again and updated the code and it seems to be working. 

On 7/26/2023 at 7:49 AM, nahlah said:

No, I didn't change anything. I'm not sure how that happened, do you have any ideas? I uploaded the font again and updated the code and it seems to be working. 

Just now, nahlah said:

This is so weird; on my home page, the footer is the correct font, but on my contact page, the wrong font appears in the main area and the footer. I don't understand how the font isn't rendering and how it changes on the footer from page to page.

22 minutes ago, nahlah said:

This is so weird; on my home page, the footer is the correct font, but on my contact page, the wrong font appears in the main area and the footer. I don't understand how the font isn't rendering and how it changes on the footer from page to page.

It's actually getting progressively worse and now the other custom font isn't working

Same thing just happened to me. The paragraph and menu are the correct font but the header font just changed and I haven't changed any font yet. 

On 7/26/2023 at 6:49 PM, nahlah said:

No, I didn't change anything. I'm not sure how that happened, do you have any ideas? I uploaded the font again and updated the code and it seems to be working. 

6 hours ago, MaryV said:

Same thing just happened to me. The paragraph and menu are the correct font but the header font just changed and I haven't changed any font yet. 

Change this code

h3 {
    font-family: 'Anaktoria';
}

to this

h3 {
    font-family: 'Anaktoria' !important;
}

Do similar for other code

Note: DO NOT add !important to @font-face code

On 7/21/2023 at 5:51 AM, tuanphan said:

Did you solve this? It already fine to me

Yea for whatever reason it just started working again without me changing anything. Thanks!