Custom font not showing up

Site URL: https://paperbear.com.au

Hi there, 
I've loaded a custom canterbury font for my h2. It appears to be working on my macbook, but doesn't appear on other devices - android, or ios or other macbooks.

My web address is https://paperbear.com.au

I've attempted to re-load and re-link but still getting the error.

The code I've used is

@font-face {

    font-family: 'Canterbury';

       src: url('FontURL'); https://static1.squarespace.com/static/608974f1b2a7566a7089dc73/t/6112fbf7c3617a75b34c04b7/1628634104018/Canterbury.ttf
  }

h2 {
    font-family: 'canterbury';
}
 

Would appreciate any help!

Thanks