[yshankarParticipant]

I want to change the font type for certain text. Based on what I have seen in prior posts…I am using the following code..but it is not working….

.font-quicksand {
font-family: ‘Quicksand’, sans-serif;
}

I have added this in custom css. But when i use this class in cornerstone…it is not working.

Thanks,

[RupokMember]

Hi there,

Seems like your CSS s fine. Make sure to add the class properly and also make sure first that you have the font loaded through Customize > Typography.

Cheers!

[yshankarParticipant]

I have done everything right and it is not working. I am applying on a text element that is using Headline 5.

When you say quicksand is loaded what do you mean ?

Currently I am using Lato for the body..but just for some text I want to use quicksand. When I look at the Typography section, quicksand is one of the many google fonts that is already loaded.

So not sure what I am doing wrong.

Need help

Thanks

[Rue NelModerator]

Hello There,

Thanks for updating in! You must make sure that you have selected the font family in the customizer, Appearance > Customize > Typography. If the font you’d like to use is not loaded, then it will not work. In your case, you have have something like this code:

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

.font-quicksand {
   font-family: 'Quicksand', sans-serif;
}

Please let us know if this works out for you.

[yshankarParticipant]

I am still not sure why I have to use the url to load fonts. The quicksand font is already loaded and as such I am not sure what do you mean by ‘select the font family’. My heading and body font are Lato and I do not want to change that. I want to change the font to quicksand only in a few places. So can you please elaborate.

Thanks for your help.

[JoaoModerator]

Hi There,

Please add to Appereance Customizer Custom CSS:

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

On the text or Custom headline elements which you want to have QuickSand Font, you will add to the style box of the element in Cornerstone:

font-family: 'Quicksand', sans-serif;

Hope it helps

Joao

[yshankarParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Would you mind providing your admin credentials so that we could check the backend of your site?

Thank you.

[Author]

Posts