ahwha

Hi all, My custom font Ranille is working on Chrome on desktop, but not at all on Safari or mobile (iOS). I'm a coding novice, and have tried several things that have not worked. This is my current code: @font-face { font-family: 'Ranille'; src: url('Lhttps://static1.squarespace.com/static/60c3fb0485a57543b8171a4e/t/62fab09aed5c5704dab1a521/1660596378847/Ranille.ttf'); } @font-face { font-family: 'Ranille'; src: url('Lhttps://static1.squarespace.com/static/60c3fb0485a57543b8171a4e/t/62fab09aed5c5704dab1a521/1660596378847/Ranille.otf'); } h1 {font-family: 'Ranille';} h2 {font-family: 'Ranille';} :root { font-variant-ligatures: none; } h1 { font-family: 'Ranille' !important; } h2 { font-family: 'Ranille' !important; } Would appreciate any and all help. Thank you!