How do I use custom fonts

BB Theme
1

I want to use custom fonts on the site. Have uploaded fonts into a font folder in child-theme folder and added font css to child css file.

How do I make the font visible on the site as I can only see the option to select Google fonts in the customizer.

Thanks

I managed to get working to please ignore.

2

It’s showing for some areas but not in others.

Not showing the change in previous/next post text
Not showing in top bar or header nav

What do I need to add to css file to target these areas?

3

Hey Dennis,

Would you mind sending me a link to the site in question so I can do some inspecting?

Best,
Billy

4

[Content Hidden]

5

Hi Dennis,

Looks like you just need to add a bit more CSS to target the body and navigation so that everything picks up the custom font.

body {
font-family: 'simplificasimplifica', Arial, sans-serif !important;
}

.fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a {
font-family: 'simplificasimplifica', Arial, sans-serif;
}

Give those a shot and you should be good to go, but let me know if you need anything further!

Best,
Billy

6

That’s great.

Thank you.

7

You’re very welcome!

8

It doesn’t work for me :frowning: I also uploaded fonts (I have 8 different font styles), change the class.css file, also uploaded it to child theme directory on server and it still doesn’t work. Or maybe don’t know, where I can see the change of fonts. But for now nowhere.

Thanks.

9

Hey Tomas,

Check out the threads below for more info on how to add custom fonts. Hope it helps you. :slight_smile:

http://forum.wpbeaverbuilder.com/support/q/install-additional-fonts/#post-41518
http://forum.wpbeaverbuilder.com/support/q/adding-a-custom-font-to-bb-theme/

Thanks!

KC