Changing a font on a specific page

I'm building a special landing page for a community outreach program and I would like the H1 font on this page - and this page only - to be Abril Fatface. That is a Google or Adobe font within Squarespace. 

Here's the link to the page: https://www.georgiacycling.org/girls-ride

I know I can put style code into the header of this page using the advanced page settings. I have seen code to change size and color but can't figure out how to change the actual font. Anyone have any ideas? Thanks!

Add to Design > Custom CSS

body#collection-627bc973343ef246b7f0381d h1 {
    font-family: 'Abril' !important;
}