Custom font doesn't load on iPhone

Hi there,

I have custom fonts added to this site https://cornet-tulip-3zxl.squarespace.com/ It works everywhere else except on iPhone. What could be the issue and how do I fix it?

Thanks for your help!

Here's the code:

@font-face {
font-family: PPMori-Regular;
src: url(https://static1.squarespace.com/static/641335bd5abe2f4a8fc7715a/t/641337f1bdb05f493d06cf08/1678981105421/PPMori-Regular.otf);
}
@font-face {
font-family: PPMori-RegularItalic;
src: url(https://static1.squarespace.com/static/6422e893c576924fd48551bc/t/645ce9a137c7a84d70a2bd1e/1683810721167/PPMori-RegularItalic.ttf);
}
@font-face {
font-family: PPMori-Semibold;
src: url(https://static1.squarespace.com/static/6422e893c576924fd48551bc/t/645ce9abddcfe904c5731b51/1683810731684/PPMori-SemiBold.otf);
}
@font-face {
font-family: PPMori-SemiboldItalic;
src: url(https://static1.squarespace.com/static/6422e893c576924fd48551bc/t/645ce9ad5280ed43eb4647ef/1683810733582/PPMori-SemiBoldItalic.otf);
}
@font-face {
font-family: Lore;
src: url(https://static1.squarespace.com/static/641335bd5abe2f4a8fc7715a/t/64133832687ec113e9139ab7/1678981170752/LORE-Regular.otf);
}
@font-face {
font-family: LoreBold;
src: url(https://static1.squarespace.com/static/641335bd5abe2f4a8fc7715a/t/6413382fe1335260aa5bc90e/1678981167610/LORE-Bold.otf);
}

h1 {
font-family: 'PPMori-Regular';
}
h2 {
font-family: 'PPMori-Regular';
}
h3 {
font-family: 'PPMori-Regular';
}
h4 {
font-family: 'PPMori-Regular';
}
.sqsrte-large {
font-family: 'PPMori-Semibold';
}
p {
font-family: 'PPMori-Regular';
}
.sqsrte-small {
font-family: 'Lore';
}

// Site Title //
.header-title-text a {
  font-family: PPMori-Regular !important;
}
// Site Navigation //
.header-nav-item a {
  font-family: PPMori-Regular !important;
}
// Button //
.header-actions-action .btn {
  font-family: PPMori-Regular !important;
}
// Announcement Bar //
.sqs-announcement-bar-url a {
  font-family: PPMori-Regular !important;
}

// Small or Tertiary Button //
.sqs-block-button-element--small,  .sqs-button-element--tertiary {
  font-family: PPMori-Regular !important;
}

// Medium or Primary Button //
.sqs-block-button-element--medium, .sqs-button-element--primary {
  font-family: PPMori-Regular !important;
}

// Large or Secondary Button //
.sqs-block-button-element--large, .sqs-button-element--secondary {
  font-family: PPMori-Regular !important;
}
// Mobile Menu Font //
.header--menu-open a {font-family: PPMori-Regular}

.sqs-block-quote blockquote {font-family: PPMori-Regular;
font-size: 1rem    ;}

.sqs-block-quote .source {font-family: PPMori-Semibold}

Hi,

All font file urls on your code don't exist

for example this url in first font face code

https://static1.squarespace.com/static/641335bd5abe2f4a8fc7715a/t/641337f1bdb05f493d06cf08/1678981105421/PPMori-Regular.otf

if you paste it on browser, it says

Please upload fonts again, then replace current url with new font url

Hmm, very strange as the files were on the list when I looked under Manage custom files. Anyway, it works now. Thanks so much for your help!