Solved

How to have different fonts on Headers

  • 19 June 2019
  • 2 replies
  • 49 views

Hi,

We finally got our customs font working on the page 😃 But now I am wondering if there is any possibilities to have different fonts on different header types? E.g. We want to have one font for the homepage header and another font for titles in quick links and categories.

How can I do this?

Ragnhild
icon

Best answer by bjoern_schulze 21 June 2019, 10:04

You have already successfully added your custom fonts. Now you can use the same Third-party script editor, where you added the font-family rule, to directly assign different fonts to different elements.

I'd suggest you get help from a CSS expert. You have to overrule the default CSS from inSided in order to show your own.

Just a quick mockup (that you will have to adapt for your community):


Attenttion:

Use at your own risk! Check carefully if there are and regressions or other issues after doing this. I can't guarantee that it works!
View original

2 replies

Userlevel 6
Badge +3
You have already successfully added your custom fonts. Now you can use the same Third-party script editor, where you added the font-family rule, to directly assign different fonts to different elements.

I'd suggest you get help from a CSS expert. You have to overrule the default CSS from inSided in order to show your own.

Just a quick mockup (that you will have to adapt for your community):


Attenttion:

Use at your own risk! Check carefully if there are and regressions or other issues after doing this. I can't guarantee that it works!
Userlevel 7
Badge +2
Hi,

I have checked with a colleague who has a better understanding of CSS and he confirmed that this is the best way to do it. Thanks for sharing, Bjoern!

Please let us know if you are running into issues with it, then we can have a look.

Reply