Custom Code Font Not Working

Site URL: https://www.katelynannemarie.com/

I have implemented a custom font for my H1 on my site but it is only showing up for me on the desktop vesrion, it won't work for the mobile version, and anyone who I send the site to it is also not working for them on the desktop version...

I have attached 3 images showing the one that it is working for me on desktop as well two images showing that it is not working for me on mobile and for others on desktop.

Anyone have any suggestions on how to fix this? 

Thank you! 

On 7/21/2021 at 6:39 PM, tuanphan said:

Hi. Your font code is invalid. Replace all code in Custom CSS with this code

@font-face {
    font-family: moontime;
    src: url(https://static1.squarespace.com/static/60de3fafbab11f6f3a2625ee/t/60f5bb8cc689252d67948a1b/1626717068734/MoonTime-Regular.ttf)
}

h1 {
    font-family: moontime !important;
}

 

oh my gosh!! thank you so much!! 

On 7/24/2021 at 3:02 AM, kadesign said:

oh my gosh!! thank you so much!! 

Do you want to fix these?

Site URL: https://www.katelynannemarie.com/
1. (Mobile – Homepage) Word break

2. (Mobile – Homepage) The same here