Pricing Blog
  • elli4931-1389759977610154014

    Vizualinx

    10 days ago

    When I started to build my project I used nordcrafts default theme. Meaning it by default used the sans font for all text, I didn't even select any font when adding text.

    Now I want to change the font and it should apply to all the text in the project.

    How can I do that?

    If I add a new font and delete the original one, what happens is that it won't use that font, it will use the default HTML font (looks like in the 19s).

    (I don't want to have to go through every single text element in my app and have to select that font!)

    Another question:
    How can I have different fonts for different languages?

    (Am I crazy for not wanting to have to select each text and set conditions for the font?! 🤔)
  • elli4931-1389764861122318477

    Vizualinx

    10 days ago

    Update:
    I found that setting the font on the main div on the page sets it for everything else👍

    That also makes it easy to set different fonts for different languages.
  • elli4931-1389882472279445544

    Vizualinx

    10 days ago

    It's just anoying that i have to do this for every page, also when working on components it shows the html old looking font.
    Team toddle is it possible that this is a bug?
  • andreasmoller-1389883100812673104

    Andreas Møller

    10 days ago

    It is technically not a bug, because I designed it that way on purpose 🤷‍♂️

    It is a really bad design though, and something we want to change.

    The problem is that simply changing it would break every single nordcraft site.

    We are working on a solution, but it requires some bigger changes on our end.
  • elli4931-1389884567523164191

    Vizualinx

    10 days ago

    So what can i do for now?
    the above solution didn't help completely, there are still some components on the page that would still show that weird font.
  • andreasmoller-1389886275246620672

    Andreas Møller

    10 days ago

    Right now we are setting the default font to var(--font-sans). You can override that style variable
  • 1389886290240999424-CleanShot_2025-07-02_at_10.31.202x.png
  • elli4931-1389886750998003763

    Vizualinx

    10 days ago

    so i need to do that for every text element?
    or is there a way to override it globally?
  • andreasmoller-1389886924650577951

    Andreas Møller

    10 days ago

    You can override it higher up in the tree
  • But if you are doing internationalisation you need a component for text nodes anyway dont you?
  • elli4931-1389889704014381187

    Vizualinx

    10 days ago

    What do you mean with "a component for text nodes"?
  • andreasmoller-1389889861586124910

    Andreas Møller

    10 days ago

    give me a sec 🙂
  • elli4931-1389890044852047944

    Vizualinx

    10 days ago

    I did it for the main page (my app is a SPA) it helped mostly, but not for all components.
  • 282143925291057163-@Andreas Møller
    give me a sec 🙂
    elli4931-1389890089219260488

    Vizualinx

    10 days ago

    👍🏻 👀
  • elli4931-1389896472975380540

    Vizualinx

    10 days ago

    I don't see here anything related to the font. am i missing something?
  • andreasmoller-1389901869551452160

    Andreas Møller

    9 days ago

    I posted it in the wrong thread 🙂