Docs

[Johanschack]

Hey,

I wanted to use two different fonts to either some text or a custom header. I know they are already included in the theme. This first one is called “Indie Flower”. How would i be able to add this?

Best regards,
Johan

[Paul R]

Hi Johan,

Thanks for writing in!

You can add this in the style field of your custom headline element or text element in cornerstone.

font-family: "Indie Flower";

eg. http://screencast.com/t/mb6b6nXkW1

Hope that helps.

[Johanschack]

Hi,

I had tried that earlier. it still doesn’t work.

Any other recommendations?

Thanks 🙂
Johan

[Paul R]

Hi Johan,

You need to add the font first.

To do that, add this in your custom css.

@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

Hope that helps.

[Johanschack]

Still doesn’t work. I’ve added screenshots to show. below ill add login information so you can check if I’ve done anything wrong.

thanks 🙂

[Johanschack]

This reply has been marked as private.

[Rue Nel]

Hello There,

I spend sometime to investigate in your site. I even updated your X and Cornerstone to the latest versions. It turns out that because of the quotes, the inline style is not working. I have replaced it and used single quotes instead.

font-family:'indie-flower', serif; color: red;

Feel free to remove the red color. I just this for testing purposes. If there’s anything else, we can help you with, please let us know.

[Johanschack]

Hey, I can see that it is red and another font. But not the “Indie Flower” font. I have attached pictures of how it looks on chrome and firefox and how the font is supposed to look.

Do you see the same? 🙂

[Johanschack]

I FIGURED IT OUT!!

Instead of serif it had to be cursive like this:

font-family: ‘Indie Flower’, cursive;

Thanks for your support.

[Rad]

Glad to hear that and you’re welcome!

[Author]

Posts