How To Setting Heading Fonts (H1) For Roboto Light

BB Theme
1

Hi,

I will like to set H1 for roboto light, but I don’t see the Roboto light from the drop down menu. Would you advise how to set the heading fonts for my H1?Thank you very for your help!

Regards,
Coki

2

Hey Coki,

That’s not possible, unfortunately. The thread below is a similar discussion which offers some workaround via CSS.
http://forum.wpbeaverbuilder.com/support/q/how-to-integrate-custom-fonts-non-google-fonts-into-the-theme-customizer/#post-12847

Regarding the font you’re trying to use, I can see there is a Roboto font which you can set the font weight to light, are they not the same? I can’t find Roboto Light under Google Fonts as well. Do you mind sharing a link where we can see this font?

Ben

3

Hi Ben,

Yes there is roboto light, but when I chose light. There is no way I can select font individual differently later on. For example: I want to have this configuration:
H1 roboto light 48
h2 roboto medium 36 bold
h3 roboto medium 24 bold
h4 roboto light 24
h5 roboto regular 15
body(copy) roboto light 18
Roboto medium 18
<block quote> Roboto light 30

Here it is the google font:
https://www.google.com/fonts#UsePlace:use/Collection:Roboto

By the way, I am curious how to edit column setting for the border to have rounded corner border instead of square border. Can I have the rounded corner border for my column?

Thank you very much.

Regards,
Coki

4

Hey Coki,

You are right in that you can only select one font and one font-weight for all headings via the customizer. But you should be able to override that via custom CSS. Try using the snippet below.

h1 {
  font-weight: 100;
}

Just add the other headings and set the font-weight that you’d like. For the body, you can use the p selector like so p {. You can place this under Appearance > Code > CSS Code. :slight_smile:

Ben