[DavidParticipant]

Hi, sorry if this has already been asked, I did a search and couldn’t find an answer…

I’m trying to use a Google font in a single “raw content” element on a page, using a Style in Cornerstone. Most fonts appear correctly, however some – such as Leckerli One – don’t seem to work. I’ve checked and this font DOES appear in the Customiser. Other Google fonts, such as Sacramento, do work using a Style.

In each case I’ve copied the code from fonts.google.com.

Any idea why some fonts don’t work, when they’re installed and available in the Customiser?

WP 4.7.1, x 4.6.4, CS 1.3.3

[DavidParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

It is working now, I did go ahead and added the @import statement on your child theme’s style.css file.

@import url('https://fonts.googleapis.com/css?family=Leckerli+One|Sacramento&subset=latin-ext');

The @import statement does not work on Customizer > Custom CSS.

Hope it helps, Cheers!

[DavidParticipant]

Wow, that was quick – you guys are awesome!

Thanks so much, I didn’t realise I needed the import statement if the font was already in the Customiser.

Thanks again!

[RahulModerator]

Glad we were able to help you out and thank you so much for your kind words.

Let us know if we can help with anything else.

Thanks!

[DavidParticipant]

Hi guys, I still can’t use the font Leckerli One… any ideas?

[DavidParticipant]

Leckerli One is supposed to be on Row 3 of the Welcome section of the home page.

[ChristopherModerator]

Hi there,

Please add font-family: 'Leckerli One', cursive; in text/headline style field.

Hope it helps.

[DavidParticipant]

Hi Christopher, I’ve had the following in the style field: font-family: ‘Leckerli One’, cursive; font-style: normal; font-weight: 400; font-size: 500%; color:#ddab54;

Same syntax as the other rows before and after it.

I was playing with css earlier and defining the h2 header in the customiser – if you happened to look at my site you might have seen “h2” in the class field instead of the syntax above… but it was only there for a while. 🙂

Anyway, appreciate the response on a weekend – that’s awesome. I hope we can figure this out for my education as much as anything – I just don’t get why it wouldn’t work when the other Google fonts do work.

[RadModerator]

This reply has been marked as private.

[DavidParticipant]

Hi, thanks for the ongoing help!

Yes, it’s the …/home page, and the “Welcome” section is directly below the nav. We’re trying out fonts so there is currently a grey image file (the old site had images for headers) then a series of four “raw content” elements to display some different fonts. The second of these raw content (gold coloured) elements is supposed to be Leckerli One, and it seems to be dropping back to a default font instead of displaying the selected font. (Just to clarify and by way of apology, I was referring to sections and rows because that’s what I was seeing in CS.)

I’ve attached a screenshot showing which row / element it is, and the syntax in the “Style” field that I’ve used. If I change from “Leckerli One” to another font (eg “Sacramento” then it works correctly… so I’m trying to figure out why this particular font doesn’t work.

[ChristopherModerator]

Hi there,

Upon checking your site, you added different font family to raw content element.
Please see the attachment.

Hope it helps.

[DavidParticipant]

Thanks Christopher. I honestly can’t even see what you changed, but obviously it was a user error and not a theme / Google font issue, so I’ll go back and examine it. 🙂

Many thanks to the team for their time on this, your support really is the best in the business!

[NicoModerator]

Let us know how it goes.

Thanks.

[Author]

Posts