Skip to main content
R
Ragnhild Byrkjeland
Contributor ⭐️
June 19, 2019
Solved

How to have different fonts on Headers

  • June 19, 2019
  • 2 replies
  • 184 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
    Best answer by bjoern_schulze
    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!

    2 replies

    bjoern_schulze
    bjoern_schulzeAnswer
    Helper ⭐️⭐️⭐️
    June 21, 2019
    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!
      Julian
      Julian
      Gainsight Employee ⭐️⭐️⭐️
      June 21, 2019
      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.
      I follow my nose, it always knows
        Terms & ConditionsAccessibility statement