Set custom font in app theme

Hello, I've been trying to use a custom font (IBM Plex Sans) for my app.

I've entered the Google Font css link: (https://fonts.googleapis.com/css?family=IBM+Plex+Sans) but the font doesn't become the default font in my app.

What am I doing wrong?

Thanks

Hi @Zach_Q ! From that screenshot it looks like it's applying the font to the theme preview -- is your issue that it isn't applying in the app? Could you share a screenshot of what your app theme settings look like?

Hi @mckenna ! Exactly it's not applying the font in the app.
Here is a screenshot of my app
Screenshot 2024-08-01 at 10.37.05 AM.
It's obvious that the font isn't applied on the letter Q. For comparison this is how the letter Q should look like
Screenshot 2024-08-01 at 10.37.23 AM for this IBM font.

@Zach_Q have you updated the app to use the theme in the app's settings? Do other changes from the theme (colors, etc.) apply to the app?

I created a theme but I realized that I also had to make it the default theme for my apps. All good now but this is a bit counter intuitive. Thanks for your help

1 Like

@mckenna One more thing on this topic. I noticed that my theme doesn't get applied to the custom component I created for my app - it looks like I need to set the font manually for this custom component.

1 Like