Change Fonts

bigdatadojo2000
bigdatadojo2000 Contributor
edited October 25 in Global Ideas

Would like to be able to set different fonts (i.e. Archivo, Roboto, Orbitron, etc.) to match our branding.

Would be great if we could set a different default font.

13
13 votes

Implemented · Last Updated

We've added 5 font families for web and mobile for users to select from. If there are any additional fonts that are highly requested let us know!

Comments

  • JKHiera
    JKHiera Member

    100% this!

  • user000276
    user000276 Member

    Agreed! The current font does not represent our company's brand well. Having the option to select from multiple fonts AND upload new fonts for our brand would be wonderful.

  • AMS_gov
    AMS_gov Member

    I'm in total agreement with everyone on this thread. Not having the ability to even change the size of a font, much less the font itself, provides a sub-par branding experience and is very limiting when building dashboards. @DOMO_Dan Thoughts on implementing this functionality?

  • DavidChurchman
    DavidChurchman Coach

    To some extent, it is implemented, but costs extra. There are limitations to where the custom fonts can appear: https://domo-support.domo.com/s/article/5428851518999?language=en_US

    Please 💡/💖/👍/😊 this post if you read it and found it helpful.

    Please accept the answer if it solved your problem.

  • dcapslock
    dcapslock Member

    Also, the Font set in Brand Kit should be also set in any Excel export.

  • random_user_098765
    random_user_098765 Member

    Are there any updates to allowing different fonts and chancing the font sizes?

  • BenSchein
    BenSchein Domo Product Manager

    We did release additional font options in cards/analyzer under families. See attachment. App Studio also allows for changing font styles across the entire app you are building (under themes Edit styles and second screen shot). One of the reasons we do not allow an endless array of fonts is that many fonts will not work appropriately on mobile or need adjustment to do so. We are open to adding more families. Please post here if there are specifics you need and we can at least check what is feasible.

    Screenshot 2024-05-03 at 10.51.51 AM.png

    Screenshot 2024-05-03 at 10.44.44 AM.png

  • Jonathan53891
    Jonathan53891 Contributor

    While it isn't a perfect solution, one work around I have found is using an HTML Easy Brick that uses Google Fonts for my desired font. After navigating to the app store and launching an HTML Easy Brick, this is all of the code I need for a simple text box for one of my instances that prefers Montserrat as their organization's font.

    HTML:
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"><div id="myDiv">  <h1>Dashboard Name</h1></div>

    CSS:

    #myDiv {  display: flex;  align-items: center;  justify-content: center;  background: white; /* White background */  height: calc(100vh);}
    h1 {  color: rgba(0,169,224,1); /* Organization;s light blue logo */  font-family: 'Montserrat', sans-serif; /* Apply Montserrat font */}

    While I haven't played around with it too much, I'm confident that you would have this same level of customization using the other Domo Bricks cards if you use the same Google APIs link in the HTML section and the font-family line in the CSS section. This is definitely easiest with simple text boxes, but hopefully the complexity can be reduced with more font options that are compatible on desktop and mobile.

This discussion has been closed.

Categories