Custom font not showing on other devices

Hi there, 

I have custom CSS for font which the font isn't showing on other devices

 

/* add lines between sections */
.page-section {
  border-bottom: 1px solid #000;
}

h1,h2,h3{
font-family: 'Abigail';
src: h1,h2,h3 url(https://static1.squarespace.com/static/63daba9daac0c73095d41ded/t/63eb5ca0769cae28841a102d/1676369056591/abigail-v4.otfhttps://static1.squarespace.com/static/63daba9daac0c73095d41ded/t/63eb5ca8d9de181e54f2758c/1676369064727/abigail-v4.woff);
}

Is there anyone that can identify the issue?

Thank you very much!

It looks like the url is duplicated, so it doesn't exist. You should check it again