Docs

[ianizaguirre]

I have tried so many different divs and cant target it using firebug on fire fox. I want to change the H1 entry title font weight. How can I ?

[Christian]

Hey there,

Please check the font weight you’re using for Headings in Appearance > Customize > Typography. If you’ve chosen a light or regular font weight, CSS bold font-weight won’t have an effect.

Thanks.

[ianizaguirre]

I dont think you understood my question. In appearance > customize > typography , / Under HEADINGS, I have my headings font weight set to 700. It does not matter what font weight I have set because I do not want to change ALL heading font weights. I ONLY want to change the entry header h1 font weight, but I keep trying many different ways via CSS and none take any effect, why is it so hard to target a heading via css?

None of these attempts works :

.entry-header, .entry-content {
    font-weight: 300 !important;
}

h1 {
    font-weight: 300 !important;
}

h1, .h1 {
    font-weight: 300 !important;
}

h1.entry-title {
    font-weight: 300 !important;
}

[ianizaguirre]

To continue what I wrote above, Here is a link to a post so you can check the entry h1 css via firebug :

http://iamdentistry.com/archive/general-health/septoplasty-sinus-surgery-recovery/

[Friech]

Hi There,

You might did already get the correct selector.

h1.entry-title {
	font-weight: 300;
}

But sometimes you need to consider the font that you’re using, if it is really supports the regular (400), light (300), and thin (100) variant.

The Headings Font Weight option on the customizer does matter because that will determine what font-weight the site would request (and ignore the others).

If this is the case then you need to request the other variant manually.

Please add this on top of your child theme’s style.css file.

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400');

Hope it helps, Cheers!

[ianizaguirre]

Wow thank you so much. I always thought that it would load all font-weights if I picked a family and that the controls only helped in me selecting which weights to assign, I did not know that it only called the weight I wanted and did not load the other weights.

1) So why do people ask to remove google fonts api from there site to speed it up if the font only loads when called which would mean it should not affect speed?

2) Also If I did not assign a certain google font family on my site but still would want to use it, would I aslo use the @import function because in the past I have always used that code google provides to add to the header ? So I guess the only time the @import works is if the theme calls google fonts if not I would have to use the header code, correct ?

[Lely]

Hi There,

You’re welcome!

1.) They might want to use there own custom fonts.

2.)Yes, @imports will always works if you want that too. You can add the code on your child theme style.css file at the very top.

Hope this helps.

[ianizaguirre]

Ok thanks you can close this as resolved

[Jade]

You’re most welcome.

[Jade]

You’re most welcome.

[Author]

Posts