Update #iop-module-name font-family for Windows user readability

[gi-man]

A number of Windows user shared that the font is barely legible. This commits tries to find a compromise without making the font too large or bright.

Add more font family names to address rendering issues on Windows with the small font size

Increase from 0.8em to 0.85em

This is only a bug fix for 5.4.1. While investigating this, I noticed inconsistencies in how we are declaring the font-family that I will address in 5.6. Some of these include: "Arial Unicode MS" is no longer available in Windows, the sans-serif should be the last item in the list so it is a fallback instead of the first.

[TurboGit]

Not good to me, the current look makes the module label distinguishable from the module name:

The proposed change here is breaking that:

So to me that's not a good move for other platforms.

[gi-man]

I know it will be a compromise. What if the color of the font is lighter?

[TurboGit]

I know it will be a compromise. What if the color of the font is lighter?

Maybe, not sure. The 0.85 also add in width about 1 character for the default scene-referred text. This is already an issue as the translation (in French for example) is even longer and already cut when the panel is shortened at bit.

I'm a bit uneasy to break something working just for Windows.

[gi-man]

I will test different options to comeback before 5.4.1

[gi-man]

This is how current master looks on my system (Fedora 43 KDE)

Just adding the font-family to the list since it currently list a generic font family still at 0.8em

This is changing the font color to grey 75

If someone wants to just copy/paste in the css field in preferences to quickly test on their system.

#iop-module-name
{
  color: @grey_75;  
  font-weight: lighter;
  font-family: "Roboto Light", "Roboto",                  /* best case scenario */
               "Segoe UI Variable",                       /* Windows 11 default */
               "Segoe UI",                                /* Windows 10 default */
               "SF Pro Display Light", "SF Pro Display",  /* Mac OS X default */
               "Ubuntu Light", "Ubuntu", "IPAPGothic",    /* Ubuntu default */
               "Noto Sans",                               /* Fedora default */
               "Adwaita Sans", "Cantarell",               /* Gnome default new */
               "Lucida Sans Unicode", "Arial Unicode MS", /* Unicode glyphs */
	        sans-serif;                               /* default default */
  font-size: 0.80em;
}

[zisoft]

on macOS:

before:

after:

[gi-man]

On Fedora 43 KDE with the latest commit with system font size:

Current master on my system with system font size:

I will post a view from Windows later tonight.

[gi-man]

Windows with this commit

[TurboGit]

@gi-man : I have now introduced a way to have OS specific CSS snippets. Those are applied just before the user specific CSS. So maybe now we can safely fix the Windows UI?

[gi-man]

I will look into it. I wanted to do other changes for 5.6, so I will combine the effort.

I will close this PR and start a new one in the future.