Change Fonts

bigdatadojo2000

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.

JKHiera

100% this!

user000276

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

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

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

dcapslock

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

random_user_098765

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

BenSchein

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

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.