Hey guys. I recently migrated to Joplin from Evernote... Loving it so far. I had a quick query. Is there a way to change the font-family of the app? Just to be clear, I'm not referring to the font-family of the Editor / Markdown Preview... But the whole of the app. I tried adding the following to…

You almost have it, just need an !important. This is because most of the styles are applied directly to the elements. Changing the font will also override the font for the icons, so you might want to add that back: * { font-family: 'Work Sans' !important; } .fa { font: normal normal norma…

Thanks a ton. That worked :smiley:

Wow, my solution broke almost immediately. The font was switched in 1.0.209, so all the icons disappeared. When you update to 1.0.209 you will need to change to: * { font-family: 'Work Sans' !important; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; }

Hey Amanda, I just realized the "Markdown" icon disappeared with the following code in the new version: [Image 2020-10-10 at 12.10.41 PM] * { font-family: 'Work Sans' !important; } .fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; }

Hmm, yes, looks like this also is affected by how the icon font works in the new version Share your CSS . Before, each icon had the class of .fa, .far, or .fas, but that is no longer true. Unfortunately not a quick fix this time, will need to find each icon class separately to override.

Tweak Font Family of the app

Support

uxamanda 16 October 2020 18:54 8

Found a workaround, that works ~80% of the time Share your CSS

Topic		Replies	Views
Change font-family of the entire app Support	13	518	17 August 2024
Default internal font, CSS rules Support	6	3258	19 July 2020
I Can't Change The Editor Font Support	3	5012	30 May 2019
Weird Font Issue, Joplin Unusable Support	4	665	25 February 2022
Fonte awesome installed but Joplin not rendering them Support	3	599	2 November 2022

Tweak Font Family of the app

Related topics