Change font hero

Hi, How tho change the font in the Hero? I found the answer to change the size of the font but not how to change the font itselve

The font color on the page does not seem to change when changing it in T4. Heading also don't change.
Need to do this to do it in custom css:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #faf2df!important;
}

.t4-megamenu .navbar-nav>li>a, .t4-megamenu .navbar-nav>li>.nav-link {
    color: #faf2df!important;
    padding: 0 1rem;
}

Kind regards.

You can change font family adding to custom.css

div.acm-hero h1, div.ja-masthead .ja-masthead-detail .ja-masthead-title {
font-family:yourfont;
}

For the font-color add

.acm-hero h1 {
color:#yourcolor!important;
}