+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: General Questions (https://forum.jellyfin.org/f-general-questions)
+--- Thread: Custom Fonts in Jellyfin? (/t-custom-fonts-in-jellyfin)
Custom Fonts in Jellyfin? - Hjklinux - 2023-11-04
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!
RE: Custom Fonts in Jellyfin? - BobHasNoSoul - 2023-11-06
@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-mods#change-font-to-whatever-you-want
RE: Custom Fonts in Jellyfin? - SethBacon - 2023-11-07
@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.
RE: Custom Fonts in Jellyfin? - Hjklinux - 2023-11-07
(2023-11-06, 06:47 PM)BobHasNoSoul Wrote: @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-mods#change-font-to-whatever-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?