Joplin-Setup-3.7.16.exe changes font size in Rich Editor to a very, very small size

fla · 6 September 2026 21:57

Operating system

Windows

Joplin version

3.7.16

Desktop version info

This is the version that works, as I re-installed that version because of the problem:
Joplin 3.6.16 (prod, win32)

Device: win32, AMD Ryzen 5 4500U with Radeon Graphics
Client ID: bb91e496566b47e3b5fe39de1f4a3033
Sync Version: 3
Profile Version: 53
Keychain Supported: Yes
Alternative instance ID: -
Sync target: Dropbox
Editor: Rich Text

Revision: e1cf924

Backup: 1.5.1
Freehand Drawing: 4.3.0

Editor

Rich Text Editor

What issue do you have?

After upgrading Windows Joplin from 3.6.16 to 3.7.16 the font-size when using the Rich Editor went from very readable to a very, very small font-size. In contrast the font size still looks readable when switching to the Markdown editor (both the left 'raw' part and the right 'nice' part).
I therefore uninstalled Joplin 3.7.16, renamed the '.config' folder, installed Joplin 3.6.16 again, synced the data back from Dropbox to the Joplin app, and after that the font-size is nice and readable again..
Additional info: I very recently (this week) switched from OneNote to Joplin (on Windows and Android). I noticed, that the notes which I have changed very recently via Joplin still looked fine (=readable/nice size) whereas the other hundreds of notes were displayed with the much-too-small font-size and unreadable.
I haven't converted the imported notes to Markdown (they are still HTML from the OneNote import), but I shouldn't be forced to migrate all my many notes to Markdown as part of an version upgrade (as the convert to markdown changes the look of the notes).
I haven't uploaded any screenshot of two reasons:

I didn't take a screenshot while Joplin 3.7.16 was installed, and I guess a screenshot of a note where everything looks nice (=version 3.6.16) wouldn't be very useful for you.
Most of my notes are of course more or less personal.
It takes over half an hour to uninstall / install / sync with Dropbox so if it isn't necessary I would like to avoid it (hoping others see the same problem so I don't need to upgrade > screenshot (I guess I can find a note that I don't mind sharing) > uninstall > sync with dropbox to get back to 3.6.16 again)

tomasz86 · 6 September 2026 23:00

Are you using any custom CSS inside Joplin?

fla · 7 September 2026 06:44

No, I have just imported my notes, set up the Dropbox-sync and then used the notes as usual. No customization

laurent · 7 September 2026 09:00

Would you mind providing a screenshot?

fla · 7 September 2026 09:14

I have today again upgraded from 3.6.16 to 3.7.16 - same problem. I then uninstalled 3.7.16, renamed the '.config' folder and then installed 3.7.16 (in other words, instead of upgrading from 3.6.16 to 3.7.16 I did a 'fresh install' of 3.7.16.

I then synced my data from Dropbox (took > 1.5 hours) - but unfortunately I do still have the same problem.

I don't know how much it helps, but this time I took two screenshots (attached inline here (I have to show the "Joplin-version-3.7.16-note-test-page.jpg" in a separate reply, since I'm only allowed to add one inline image per post/reply .... ):

"Joplin-version-3.6.16-note-test-page.jpg"

"Joplin-version-3.7.16-note-test-page.jpg"

As the file names imply the first one is a screen shot of a note when displayed in 3.6.16, and the next one is the same page displayed in 3.7.16

(Pls see second screenshot in the following post)

I hope the addition test-results and the screenshots help

Best regards

Frank

fla · 7 September 2026 09:16

And here is the second screenshot (the one from version 3.7.16) (pls see my note I just posted a few minutes ago regarding only being able to add one inline image per post)

fla · 7 September 2026 09:41

And if relevant: Here is the 'About' from the 3.7.16 install:

Joplin 3.7.16 (prod, win32)

Device: win32, AMD Ryzen 5 4500U with Radeon Graphics
Client ID: eefc0b08554b49738d60377331c0c24f
Sync Version: 3
Profile Version: 53
Keychain Supported: Yes
Alternative instance ID: -
Sync target: Dropbox
Editor: Rich Text

Revision: e3f38c6

Backup: 1.5.1
Freehand Drawing: 4.3.0

fla · 7 September 2026 09:57

And some more input.

As you can see (the date in the beginning of the post) the shown post isn't a new test note created for this purpose
I'm now also including the post in the 'raw' format (html) - maybe that's of interest as well:

Hmmm... at least I tried to show the post in html, but the result wasn't usable (not really showing the html). I'll try to URL encode it and hopes it looks better. No, it didn't...

Another try to display the html (converted via Notepad++ > TextFX > TextFX Convert > Encode HTML) - and this time it seams to display the HTML of the note as it actually looks (in raw html) :

&lt;!DOCTYPE HTML&gt;
&lt;html&gt;&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;Testside nr 6 - version 06&lt;/title&gt;
    &lt;style&gt;
    /*** Start default CSS ***/
    * { margin: 0; padding: 0; font-weight: normal; }
    table, tr, td { border-color: #A3A3A3; }
    ul, ol { padding: 0; }
    .title .outline-element { display: inline; }
    .title .outline-element:nth-child(2) { margin-left: 10px !important; }
    .container-outline { font-family: Calibri, sans-serif; font-size: 6pt; }
    .ink-text, .ink-space { display: inline-block; position: relative; vertical-align: bottom; }
    .ink-text { top: 0; left: 0; }

    /* Icons */
    .note-tag-icon {
        position: relative;
        --note-tag-left: -23px;
        --note-tag-font-size: 16px;
    }
    .note-tag-icon.-large {
        --note-tag-left: -25px;
        --note-tag-font-size: 20px;
    }
    .note-tag-icon &gt; .text {
        position: absolute;
        left: var(--note-tag-left);
        font-size: var(--note-tag-font-size);
    }
    .note-tag-icon.-checkbox &gt; .text {
        bottom: -0.2em;
    }

    .tagged-list { list-style: none; padding-left: 0; }
    
    .note-tag-icon &gt; svg, .note-tag-icon &gt; img { position: absolute; }
    .icon-secondary &gt; svg, .icon-secondary &gt; img, .icon-secondary &gt; .content {
        position: absolute;
        fill: black;
        color: black;
        filter: drop-shadow(0 0 2px white);
        height: 12px;
        top: -1px;
        right: 1px;
    }
    .icon-secondary &gt; .content {
        height: auto;
        user-select: none;
        font-size: 10px;
    }
    /*** End default CSS ***/

    
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class=&quot;title&quot; style=&quot;left: 48px; position: absolute; top: 24px;&quot;&gt;&lt;div class=&quot;container-outline&quot;&gt;&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Calibri Light&amp;quot;, sans-serif; font-size: 20pt; line-height: 32px;&quot;&gt;Testside nr 6 - version 06&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;&lt;div class=&quot;container-outline&quot;&gt;&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;span style=&quot;color: rgb(118,118,118); font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 10pt; line-height: 16px;&quot;&gt;Sunday, 4 April 2021&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;span style=&quot;color: rgb(118,118,118); font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 10pt; line-height: 16px;&quot;&gt;11:31&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;container-outline&quot; style=&quot;left: 48px; position: absolute; top: 115px; width: 720px;&quot;&gt;&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6 ja, version 6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;Aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;6&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;aaa&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/div&gt;
&lt;div class=&quot;outline-element&quot; style=&quot;margin-left: 0px;&quot;&gt;&lt;p style=&quot;font-family: &amp;quot;Calibri&amp;quot;, sans-serif; font-size: 11pt; line-height: 17px;&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;



&lt;/body&gt;&lt;/html&gt;

laurent · 7 September 2026 10:03

laurent · 7 September 2026 14:15

@fla, could you please provide the note that is causing the issue as a JEX file?

fla · 7 September 2026 15:47

Yes - of course - here you go. Just to mention this: This is just one random (and with no personal info) note with the problem - I have hundreds of notes with this problem (just because you wrote : "the note that is causing the issue")

Testside nr 6 - version 06.jex (9.5 KB)

ValDrdn · 7 September 2026 16:44

Exactement le même problème. Après la mise à jour, la note apparaît avec une police d'écriture très très petite en mode éditeur.

Topic		Replies	Views
Can you change display font for WYSIWYG editor? Support	6	332	15 April 2025
Unable to change font size / font type in rich text editor? Support	4	737	11 April 2024
Coming from OneNote lot's of questions Support	12	1061	31 May 2024
Font size in note rendering Support	9	301	4 December 2025
Keyboard Shortcut to increase/decrease editor font size Development	36	2551	8 February 2022