Applying custom app font from url

App Building
1

Hi,

Has anyone ever managed to get this feature to work?

I want to supply a url with my font (so I am linking the google font share link). But there's no save button or anything - so I add a link, and nothing happens......

I've tried a few different links, but I never really manage to get my font loaded.
Has anyone else managed this?

Neil

image
image1332×1508 189 KB

2

Hi @maillme! Your import URL format looks correct -- under the hood all Retool does with this is add a line for @import url(<Your provided import URL>); in the CSS. In order to actually make the fonts use this imported font family you just have to supply the font family name that corresponds with whatever you've imported! I believe "Poppins" or Poppins should work here -- you can also include other font family names to use as backup in the same way font-family is supplied in CSS, e.g. Poppins, Helvetica, sans-serif

3

Thanks Mckenna,
Got it working.

Is there a way to use a different weight of the font in my app? Or is that through custom css some how>

thanks again
Neil

4

@maillme not yet (you'd have to use custom CSS), but native support is in the works!

2 Likes