[cabforwardParticipant]

Hi! I’ve created a new class in the customizer:

.rugged-font-a {
font-family: “russo one”,
font-size: 36px;
}

Then used this within the body of a blog post:

<span class=”rugged-font-a”> Rug-ged
</span>

It does change the font size, but the font family only seems to change from a sans serif to a serif font. Why aren’t the custom google fonts working within the blog pages?

[cabforwardParticipant]

I corrected this code in the customizer
.rugged-font-a {
font-family: “russo one;
font-size: 36px;
line-height: 0px
}
I also added a line-height property, but that doesn’t seem to be working either.

[FriechModerator]

Hi There,

Please update your code to this:

body .rugged-font-a {
font-family: "Russo One","Helvetica Neue",Helvetica,sans-serif;
font-size: 36px;
line-height: 0px;
}

Hope it helps, Cheers!

[cabforwardParticipant]

It’s not reducing the line heights or changing the font.

Why are you specifying multiple fonts there under “font-family”?
I’d also like to use the “Pt-serif font” but, it’s not adjusting fonts, when I enter it into the css.

[ChristianModerator]

Hey there,

Sorry for the confusion. Did you choose Russo One font in your Typography settings. You need to choose it as one of your font styles so it would be loaded. The other fonts in the font-family setup are fallbacks so in case Russo One isn’t available, it would fallback to Helvetica Neue and so on.

If it still doesn’t work, please give us access to your WordPress admin.

Hope that clarifies. 🙂

[cabforwardParticipant]

What do you mean add it as one of my font styles? I don’t to have it as one of my main fonts in the cusomizer —> typography, I just want to use it on some blog posts.

[FriechModerator]

Hi There,

It means you need to set “Russo One” in one of the typography options. So this font will be loaded to your page, as this font is a google font not directly from theme. If you prefer not to, you can import the google font manually by adding this on top of Custom > CSS in the Customizer.

@import url(http://fonts.googleapis.com/css?family=Russo+One);

note: Russo One font does not have an font-weight option (only normal. no bold and light).

Hope it helps, Cheers!

[cabforwardParticipant]

ignore this

[John EzraMember]

Hi there,

Thanks for updating the thread and do let us know if you need further assistance – thanks!

[Author]

Posts