changing font on menu bar and “featured posts”

Hi trishf7,

Hope you are having a great day and thanks for contacting us!

Please go to WP Admin > Appearance > Customize > Additional CSS and inside that box, add the following code:

.navbar-default .navbar-nav > li > a {
    font-family: Arial;
}

.block-title {
    font-family: Times;
}

And change the fonts for the ones you want to use.
?Try it and let me know how it worked.

Kind regards,
Diego

Thank you so much. The nav bar font changed beautifully but the font for “featured posts” (“recipes” in my website) changed to Times but when I change it to one of my google fonts, it stay as Times. What could I be doing wrong?
Thanks!
Trish

Hi Trish,

Right now Featured Recipes heading is changed to ariel which is not included in your source so browser uses default font. Please note that you should include the link to Google Fonts to use it on page. Please check this article on how to do it: https://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/
When the font is icluded you can use it like this:

.block-title {
    font-family: Lato, sans-serif;
}

Kind regards

It works now! I wasn’t thinking about the fact the ariel might not be available. I just pulled a font out of my head to test it.
Thanks!

• This reply was modified 6 years, 4 months ago by trishf7.