Custom Font in the List Section not working in Safari Browser

Site URL: https://lebendige-gaerten.squarespace.com/

Hello, I need some help. I’ve uploaded a custom font to my site, and it works well overall, but in one section—the list section—it’s not displaying correctly in the Safari browser. I’ve used the following code to apply the font as a heading in the list section.

/**
List Section Custom Font Title 
**/
.user-items-list-item-container .list-item-content__title {
  font-family: 'Moreganic' !important;
  font-size:30px !important;
  letter-spacing: 1px !important;
}

How can this issue be fixed? Looking forward to your help!

https://www.lebendige-gaerten-hh.de/
pword: lebendigegaertenhh2023

Because you used incorrect font-family name

You declared this font-face

so you need to use this code

.user-items-list-item-container .list-item-content__title {
  font-family: MORGANIC !important;
  font-size:30px !important;
  letter-spacing: 1px !important;
}