🔡Custom fonts

You can change the default font to one of your choosing by hosting them your self or by importing them directly via google fonts. Link them in your public/index.html file and create a new theme provider with Onyxia-ui, then set the ThemeProvider property in the GlTemplate component to the new theme provider.

This commit is full example of how its done.

Adding multiple fonts

Change one or more of the font variants in the theme provider by setting the fontFamily in the variants property to your chosen font.

This commit is an example where I change the page heading variant to Playfair Display and the subtitle variant to Open Sans.

It is allsow possible to create your own custom variants.

In this commit I add a new title variant that uses Cinzel Decorative as font.