Why form is not showing the google fonts?

I used the Form builder to try and make the headers use "Brawler" as a font for the form, "IRA Transfer Information Form".  However, when I use it on the attached URL, it won't show.

I'd actually rather use the "Aleo" google font, but for some reason you don't have it in your list.

I've attached a screenshot highlight the header and showing in the inspector that Brawler is being loaded.  Why won't it show?

I've checked this on multiple computers (mac and pc) using multiple browsers (chrome, firefox, safari, edge), and it still won't show.

Any ideas?

I've added this custom CSS code to your form:

@import url('https://fonts.googleapis.com/css?family=Aleo:300');
.form-all {
  font-family: 'Aleo', serif;
}
h2#header_24 {
    font-family: 'Aleo', serif;
}

Guide: 

- How-to-Inject-Custom-CSS-Codes

- How-to-Use-Google-Fonts-and-Custom-Fonts-in-your-Form

Please check your form.