Custom Font not appearing, even with CSS

Site URL: http://www.joshbranton.com

I have a font that I'd like to use that will NOT show up no matter how hard I try. I'd really like to use it on my main(index) page as well but I'll settle for the headings on the other pages. This is what I have so far and it will not show up as a heading or in the site styles. Any help would be much appreciated.

I'm also aware that the font is spelled weird. The actual file is like that as well.

Use this new code

@font-face {
    font-family: Extradionary-V1;
    src: url(https://static1.squarespace.com/static/5df403f8ba9d876f024a22ff/t/6254786c5eaa0109e2756ef5/1649703020455/EXTRADIONARY+-+V1.woff)
}

h1,h2,h3,h4 {
    font-family: 'Extradionary-V1' !important;
}