How can I change the font across all of my apps/ dashboards?

I am using the cloud version of Retool and would like to use a custom font for my dashboards/ projects/ apps.
The font I would like to use can be fetched via a CDN link.

<link href="" rel="stylesheet">

How can I change the font of all the components, across all of my dashboards?

1 Like

try this Use Google Fonts

Thanks. Will I have to reference the font every time I want to use it? Is there no way for me to default to that font instead?

Hey @krynv

You can add CSS that applies to every one of your apps in the advanced tab of your settings page!

Can you let me know if that does what you're looking for?


Thanks, this works.

For the font I wanted to use, I had to use the following code:

@import url('');

.retool-canvas * {
  font-family: 'tisa sans pro', serif !important;

Note the font-family tisa sans pro - just had to double check what the actual font was declared as in the URL:


I would like to thank everyone for the post, I am finalizing the apps, finally (hooray!), and would like to share the css I used created with Copilot.

@import url(';400;600;700;800&display=swap');

h1,h2,h3,h4,P{font-family: "Open Sans"!important}

.retool-canvas * {
  font-family: 'Open Sans', sans-serif !important;
1 Like