So I have a slightly weird problem. I'm working on an app that need a basic output view with some dynamic text. For example the text could be Next goal: <Goal> and that could be a string of any length. Is there a way to make the text scale with the size of the screen to maxamize readability but also guarantee that the text won't go off the edge?

I'm using svelte-kit as my frontend framework. I tried svelte-textfit but it either made the text tiny or didn't auto resize. Maybe I'm missing something.

Thanks!