I would to add a different font style to one word in a headline

[Ben]

There is another google font I wish to only apply to part of headline in the “header”. I’m using pro.
I don’t seem to be able to do this through the “edit text” control.

Any thoughts?

[paul.r]

Hi,

You can try adding a span tag with inline css to that word.

eg.

This is your <span style="font-style:italic;">Headline</span>

Hope that helps.

[Ben]

I get that, however, I cannot get it to recognize a different font type. How can I reference a separate google font? Is it possible to reference labels in the font manager?

[thai]

Hi There,

To add a separate google font, please add this custom CSS under Theme Options > CSS:

@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');

You can find the import CSS from this link: https://fonts.google.com/

After update your text to this:

This is your <span style="font-family: Quicksand;">Headline</span>

Hope it helps

[Ben]

For some reason, this is not working.
I am using the google font “Dancing Script”. Please take a look.

http://18.209.43.156/home

[friech]

Hi Ben,

Please move your @import statement on the child theme’s style.css file instead. And better if you make that a class.

@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700');

.dancing-script {
   font-family: 'Dancing Script', cursive !important;
}

e.g.
<span class="dancing-script">Local</span>

Hope it helps,
Cheers!