Font text too small?

[bedeho]

Perhaps I'm just getting old, but isn't the font text just needlessly small, despite being the main thing you want to process? Compare this

to this

isn't the latter way way easier to read, but also looks fine?

[traumschule]

A smart way UI to increase font size would be great (without having to resort to page zoom). Also the font isn't a most readable one.

[traumschule]

When writing forum posts I started to increase font size to 20px via right-click 'inspect' on a line in the editor.
@bedeho try if that would be pleasant for you

[bedeho]

Yeah, the fact that you were doing that is a pretty solid sign we should increase this 🤣

[thesan]

@bedeho @dmtrjsg @traumschule sorry I'm late on this but I'm not convinced increasing the font size is the right move.

It doesn't has to do with age as much as screen dpi getting denser with time, now there are even 4k laptop screens 😮 .

However most websites don't increase there font sizes in reaction, e.g github, reddit, twitter all keep their text smaller than 16px (which is Pioneer's current default font size).

Instead Chrome matches the user's systems font scaling factor. I mainly use FF (mostly at 110% zoom but that's easy to adapt depending on the page) but when I open e.g: https://dao-git-fork-chrlschwb-fix-4094-fonttextsmall-joystream.vercel.app/#/forum/thread/324 on Chrome due to my system 120% font scaling factor I get 20px * 1.2 which looks bad IMO. I think this problem would affect most Chrome users and this is why most websites keep the same font sizes.

WDYT ?

[chrlschwb]

I think we should just add a font size controller. zoom in and zoom out...
#4308

[dmtrjsg]

@chrlschwb If that's available in both system and browser settings, why would we bloat the scope of Pioneer to replicate exactly same feature? I think based on that and benchmarking with popular websites we should close 4308..

[thesan]

Also the font isn't a most readable one.

@traumschule the font color might be more of an issue than the font itself.
It's a grey which isn't very dark for a light theme reading font:

In contrast with the GH font color of this message (if you are using the "light default" theme):

And it's not even the accessibility high contrast theme.

[traumschule]

Good point. Not sure if that's too hacky but we could use onHover onActive to switch to a high-contrast, bigger size etc scheme on post hover?
Or regarding the looking glass option:

htmlElement.addEventListener('mousedown', focusPost)

[bedeho]

sorry I'm late on this but I'm not convinced increasing the font size is the right move.

Yes you may very well be right that sizing is not the right fix, make the call.

I think we should just add a font size controller. zoom in and zoom out...

I don't think this is wise. Products should just work and have good readability, adding tons of controls that users have to understand and manage should be the last resort, and not really warranted here.

[chrlschwb]

I will just try to change the font color then.

[ivanturlakov]

✅ Tested on https://dao-git-dev-joystream.vercel.app/#/forum/thread/2
wss://54.205.24.16.nip.io/ws-rpc

Font color changed