Change font style in nav bar

Hi! I’m trying to use @font-face to add a new font to use on my nav bar on this site: http://wherethebunnyhops.com/

I’m using the code for @font-face:

@font-face {
font-family: 'lulo_cleanone_bold';    src: url('/wp-content/themes/activello-child/inc/fonts/lulocleanonebold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/activello-child/inc/fonts/lulocleanonebold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

Then I’m using this code in the css to try and change the font:

.navbar-nav> li> a {
    font-family: 'lulo_cleanone_bold';
}

But it’s just coming up as some random serif font. Does anyone know why this might be?

Hi @emigriff,

I hope you are well today and thank you for your question.

Where have you saved font files lulocleanonebold-webfont.woff ?

Please save them in the child theme inc/fonts directory and use full URL in your above shared CSS code as following.

http://wherethebunnyhops.com/wp-content/themes/activello-child/inc/fonts/lulocleanonebold-webfont.woff

Best Regards,
Movin