[ccwadsworthParticipant]

Hello X!
I’ve seen several posts regarding this, but think I am missing some small step.
I want to change the font in my custom headline within the shortcode.
I have Google Fonts Subset “on” in Typography.
I have added “@import url(https://fonts.googleapis.com/css?family=Great+Vibes);” to my Custom CSS
And I am using the following shortcode to change the color and font:
[x_custom_headline type=”center” level=”h1″ looks_like=”h1″ accent=”false” style=”color:#fff; font-family: Great Vibes;” ]ALWAYS EXTRAORDINARY[/x_custom_headline]
The font has changed, but looks more like Times than Great Vibes (https://fonts.google.com/specimen/Great+Vibes?selection.family=Great+Vibes)
I have attached a screen shot.
The site is Under Construction, so if you need access to help with this, please let me know.
Appreciate your help!

[ccwadsworthParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

The password is incorrect.

Could you please double check again?

While checking on the password, you can try with this shortcode instead:

[x_custom_headline type="center" level="h1" looks_like="h1" accent="false" style="color:#fff; font-family: 'Great Vibes';" ]ALWAYS EXTRAORDINARY[/x_custom_headline]

Thanks.

[ccwadsworthParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

The correct font-family should be:

font-family: 'Great Vibes', cursive;

I’ve updated in the shortcode:

View post on imgur.com

Cheers!

[ccwadsworthParticipant]

thanks my friend, but that’s not the correct font
here’s the what the font looks like: https://fonts.google.com/specimen/Great+Vibes?selection.family=Great+Vibes

[LelyModerator]

Hello There,

Please remove the space or new line on top of font import from your child theme style.css file:

@import url(//fonts.googleapis.com/css?family=Great+Vibes);
That line of code should be right after */ on line 12. See this:http://screencast-o-matic.com/watch/cD6OIsjGsM

Hope this helps.

[ccwadsworthParticipant]

Thanks Lely, however I did not add this to my child theme, I added the code to my custom CSS under customizer – which I don’t see anymore. Do I have to make the change in my child theme?

Update: I made the change that you recommended and the font is still not showing properly…

I’d rather keep all of my CSS updates in one place in custom CSS…

[RupokMember]

Hi there,

Kindly try adding the font import to your Child Theme’s CSS :

@import url('https://fonts.googleapis.com/css?family=Great+Vibes');

You have other codes and the import is no generating properly within Custom CSS section. It should go under Child Theme’s CSS.

Cheers!

[ccwadsworthParticipant]

Thanks Rupok.

I have added the code to my child theme’s css and the font is still not showing properly.

Here is the shortcode I am using:
[x_custom_headline type=”center” level=”h1″ looks_like=”h1″ accent=”false” style=”color:#fff; font-family: Great Vibes;” ]ALWAYS EXTRAORDINARY[/x_custom_headline]

Any other suggestions? Appreciate your help.

[FriechModerator]

Hi There,

It is showing up in Great Vibes font on my end. Please clear your caching plugins and your browser’s cache.

http://image.prntscr.com/image/877bd9e20da347be92dda2e24e16fe1b.png

Cheers!

[ccwadsworthParticipant]

Thank you!!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts