Change Fonts

Options
bigdatadojo2000
bigdatadojo2000 Contributor
edited April 11 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

In Progress · Last Updated

We recently released some font options for all customers in the Card/Analyzer menu

Comments

  • JKHiera
    Options

    100% this!

  • user000276
    Options

    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
    Options

    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?

  • 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
    Options

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

  • random_user_098765
    Options

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

  • BenSchein
    BenSchein Domo Product Manager
    Options

    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.

  • Jonathan53891
    Jonathan53891 Contributor
    Options

    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.