Docs

[kingpup]

I want to use a different font for my blog post titles to the one I use for heading across the rest of my site. So from a little admittedly amateur digging around, I have added the following to my child theme’s custom CSS:

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

.blog h2.entry-title, .blog h2.entry-title a {
font-size: 30px;
font-family: 'Fascinate Inline', cursive;
}

This successfully changes the font size to 30px, however the font itself is not being applied – it’s just falling back on the default cursive font (comic sans I guess). Am I importing it correctly? The reason I ask is because I copied the format @import url() from an answer given to someone else on this forum, however in the import tab on the Google Fonts page, the format is given as @import ” – are the two interchangeable?

And if I’m importing it correctly, why isn’t it being applied?

[Rupok]

Hi there,

You can try the new syntax of Google font as well :

@import 'https://fonts.googleapis.com/css?family=Fascinate+Inline';

Update us with URL if it’s still doesn’t work.

Thanks!

[kingpup]

Hi,

I think I solved it. It seems that the @import line has to be the first line in the CSS file. I did not know this!

[Rupok]

Glad that you figured it out.

Cheers!

[Author]

Posts