How I can apply a specific typographic font for my main menu?

Hello there! I wanna change the menu font, how I can do this? I already tried input the css code in Custom Css but it doest work. Any other advice?

It just work when I put this code in the custom css from a specific page.

This is the code:

.navigation-menu .width-logo, .navigation-menu .width-navigation {
display: inline-block;
vertical-align: middle;
font-family: Gloria Hallelujah;
}