Custom Font Not Working

Hello - 

I am working with a custom font in CSS. I have tried troubleshooting it several times with different names, and tried adjusting it with h1, h2, h3, h4, p1, etc... I am not too sure why it is not working. 

@font-face {

font-family: Airborne86Stencil;

src: url(https://static1.squarespace.com/static/642c7a39fe7bf57859b141f8/t/642def2091325d5bf7cc8dd2/1680731936977/Airborne86Stencil-2Og3W.otf)
}

h1: {font-family: 'Airborne86Stencil'} 

... so on and so forth. 

I have also tried it with the .ttf, and 'Airborne86Stencil', 'Airborne', 'Airborne86Stencil-20g3W', etc. for the name. If I don't put h1, h2... it does not show up in the fonts section in design either. 

Thanks in advance! 

Do you have any other font (ttf, woff, woff2..)? & What is site url?