How to change font of persona theme

MJ

The slick theme has an other font as persona use.
Is it possible to change the font of persona and how?

schajuli

Any success?

dragonfruit

What font are you looking to use? It's definitely possible, we changed the font in Harmony theme.

julian

Which font are you looking to switch to? It's possible, we changed the font in the Harmony theme.

schajuli

Not sure probably Roboto or Lato. It's actially mainly because of h3 which is looking a bit misfitting now in Persona but I guess this could be done easily via css style settings.

The harmony them is still in dev or has it been released already?

julian

It's still in development, it'll be released alongside NodeBB v3.

I can look into the font, I think we used to include fonts from Google Fonts, but now we just fall back to system font

schajuli

@julian said in How to change font of persona theme:

I can look into the font, I think we used to include fonts from Google Fonts, but now we just fall back to system font

CSS does the job for font changing

Before

After

Will check what's fitting also regarding font size and check on how to get rid of capitalization.

Edit: I guess overwritting h3 ain't possible as it's already defined in the theme?

text-transform: none;

phenomlab

@schajuli said in How to change font of persona theme:

Edit: I guess overwritting h3 ain't possible as it's already defined in the theme?

Should still be possible if you use the !important flag in CSS - for example

h3 {
text-transform: none !important;
}

schajuli

@phenomlab said in How to change font of persona theme:

Should still be possible if you use the !important flag in CSS - for example

Ah thx, good to know!