Custom Fonts in Jellyfin?

[Hjklinux]

Hi all,

I am running the latest version of Jellyfin on Ubuntu server 22.04.

How can I use a custom font that is locally stored on my server? I have the .otf installed to the fonts directory but am struggling to find the CSS required to make it work.

Any help is appreciated, thank you!

[BobHasNoSoul]

@font-face {
font-family: 'CustomFont';
src: url('/path-to-fonts/your-font.otf') format('opentype');
}

body {
font-family: 'CustomFont', 'Open Sans', sans-serif;
}


here is a more detailed explanation of this to be honest you also will need the font to have multiple versions of the same file to maximise compatibility with all browsers but this is down to you and whatever flavour and use case you pick

the types you should really use are: woff2, woff, eot, ttf, svg

https://github.com/bobhasnosoul/jellyfin...r-you-want

[SethBacon]

@BobHasNoSoul Holy crap this is the magna carta of Jellyfin customization. I am particularly interested in your jellyfin-featured plugin ill message on that thread.

[Hjklinux]

@font-face {
  font-family: 'CustomFont';
  src: url('/path-to-fonts/your-font.otf') format('opentype');
}

body {
  font-family: 'CustomFont', 'Open Sans', sans-serif;
}


here is a more detailed explanation of this to be honest you also will need the font to have multiple versions of the same file to maximise compatibility with all browsers but this is down to you and whatever flavour and use case you pick

the types you should really use are: woff2, woff, eot, ttf, svg

https://github.com/bobhasnosoul/jellyfin...r-you-want

Wow, thanks so much for that. I got it working and definitely learned a few things a long the way - appreciate your help. I am however saddened to see that the styling changes do not appear on the Amazon FireStick version of the app for one reason or another. Is there a way to get that to work or is it done like that by design?