Changing the default font.

[fridlundisme]

I have had issues with changing the font families in SvelteUI for my project.
Finally the only way I could make it work was to create a new theme:

const theme = createTheme('custom', {
		fonts: {
			// Just setting something ridiculous/easy to spot
			standard: 'MyImportedFont',
			mono: 'MyImportedFont'
		}
	});
<SvelteUIProvider class={theme}>
...
</SvelteUIProvider>

Fonts are added in my static/fonts folder and imported via @font-face annotation in app.css.

This might seem straight forward (it wasn't for me). However, it took me quite a while to get it to work, as it looked the font appeared, then was changed after the page was rendered.

The only way I could get my fonts to stick was to remove the server side rendering
(using the import { prepareStylesSSR } from '@svelteuidev/core'; in hooks.server.ts file).

Is there something else I need to do to be able to change the default font family while still using SSR?
This seem to be either me not understanding the process enough, or something that should be in the documentation.

Anyone that faced this issue as well that can provide some clarity for me?