Docs

[shamus]

Hey all,

I’m having trouble making only a specific custom headline as a google font. The specific flower is indie flower

Can you help me achieve this?

[Prasant Rai]

Hello There,

Thanks for writing in!

1) First assign class name to custom headline element. For ex: test

http://prntscr.com/dkah30

2) Next add following CSS under Custom > CSS in the Customizer:

.h-custom-headline.test {
    font-family: 'Noto Sans', sans-serif;
}

You can replace font family and class name test with you custom class.

Thanks.

[shamus]

That worked but when I put in my own font like https://fonts.google.com/specimen/Neucha It dosne’t work for me.

Also how do I find what kind of font style it is like sans, sans serif, regular, etc…?

[Joao]

Hi There,

On The link https://fonts.google.com/specimen/Neucha > Click use this font on top right > A tab will open on right bottom.

font-family: ‘Neucha’, cursive;

Hope it helps

You can also import the font in case it is not among X Fonts:

For that add the following code to Appereance > Customizer > Custom > CSS

@import url(‘https://fonts.googleapis.com/css?family=Neucha’);

Hope it helps

Joao

[Author]

Posts