HydrogenAudio

Hello,

The font is too small when using 1920x1080 resolution on 22" screen.

Is there any way to change ?  I don't like to custom zoom

Ctrl + (plus) for bigger size
Ctrl - (minus) for smaller size
There are different people using displays with different dpi. The browser remembers this for individual websites and what specific problem do you have? I've seen you talked about WavPack website's font size, after David took your advice, size was too large for my taste, then I have to scale it down, and the browser remembered my preferences.

it would benefit from extra 1pt IMO.  Since many users here are longtimers , not kids on
mobile phones.

I am also a long time desktop HA user. The problem is even desktop and laptop displays have different resolution and DPI, some may even be using a 4k 27" monitor, or a 17" 1080p laptop and one may expect even smaller default font size. On the other hand there are also people like me using a 24" 1080p monitor, so the whole thing has nothing to do with "kids on mobile phones" at all.

The easiest solution is to change it on per user and per website basis.

 on 4k and 17 " 1080 it will be even smaller than my monitor.
IMO even on 24" an extra 1pt will work fine.
Would like to hear from forum admins themselves. Not sure if you are
or not. Thanks for your opinion anyway.

Ctrl + (plus) for bigger size
Ctrl - (minus) for smaller size
There are different people using displays with different dpi. The browser remembers this for individual websites and what specific problem do you have? I've seen you talked about WavPack website's font size, after David took your advice, size was too large for my taste, then I have to scale it down, and the browser remembered my preferences.

Ctrl - twice on WavPack.com on this screen. Once on another.
_{Zero on the one I log on in the morning before having found my glasses.}

Would like to hear from forum admins themselves. Not sure if you are
or not.

Just a question, of course you can ignore if you don't like to answer. How many similar requests did you make on other websites other than WavPack and HA, and how often the webmasters took your advice? If they don't, what would you do? What if some other users make a similar request and the font size don't fit your taste?

Ctrl - twice on WavPack.com on this screen. Once on another.
_{Zero on the one I log on in the morning before having found my glasses.}

I set Windows' font size to 130%, with default zoom on HA and one time of Ctrl- on wavpack.com

  I see something that I think needs a fix so I report it.  I have done it
with faulty utility poles in my area, with power lines on the road, with holes in footpaths. 
the other day in the park I nearly stepped on broken glass bottles. I removed them cause I knew no one else will.

Your mantra of play along to get along. Don't force it on me.

  The Wavpack site was changed not by me forcing anything on anyone. If people had objections
or better suggestion - I would have to respect that. There was a feedback between 2 people, It was decided
that it was indeed too small.  It was extremely small on PC's  as the design was from 15-20 yrs back.

Instead of thinking someone is forcing you (not) to do something, I am more about thinking some real world situations. Someone uses a desktop on location A and laptop on location B and they have some major DPI differences, in this case there will not be a single ideal size on the website's side even for a single user. The only solution is the user uses different configurations on the desktop and laptop's browser and / or OS DPI settings.

There will not be an ideal perfect size .  Correct.
However, In most cases as time goes by pc websites are getting smaller and smaller,
except mobile versions of websites viewed on pc's. 

Quote from: bennetng on 2022-08-28 11:14:59

Ctrl + (plus) for bigger size
Ctrl - (minus) for smaller size
There are different people using displays with different dpi. The browser remembers this for individual websites and what specific problem do you have? I've seen you talked about WavPack website's font size, after David took your advice, size was too large for my taste, then I have to scale it down, and the browser remembered my preferences.

Ctrl - twice on WavPack.com on this screen. Once on another.
_{Zero on the one I log on in the morning before having found my glasses.}

What screen size and resolution are you using ?

This one: 24" at 1920x1080.

(This is not at all an insult, none of us are getting younger ever, but ... you might check if you need glasses?)

This one: 24" at 1920x1080.

(This is not at all an insult, none of us are getting younger ever, but ... you might check if you need glasses?)

For some very small print. Reading glasses, otherwise no.  Optometrist rates my vision as very good.
PC monitor is far enough.

But IMO you are a dishonest person writing that you CTRL minus minus on the new wavpack font.
You didn't object to it in the original thread - no one did.
I for one don 't believe that is the setting you use with 24 / 1080 screen unless your like 18 yo. Even then.

But IMO you are a dishonest person writing that you CTRL minus minus on the new wavpack font.

Thank you for not even trying to hide your fancy for going completely ad hominem. Expect it to be linked to on occasion.

You didn't object to it in the original thread - no one did.

I did not discover how much of an impact the change made until (1) it was actually done (you are going to call me dishonest over that?), and (2) I viewed it - and reloaded it! - on this particular computer.  On a 14" laptop screen it looks a bit different, of course.

Since I use 104% custom dpi, my 21.5" is more like 22.5.  That is pretty close in PPI to native 24in.
My opinion still stands on the matter - that isn't the real setting you use.

It must be the Silly Season.

Since I use 104% custom dpi, my 21.5" is more like 22.5.  That is pretty close in PPI to native 24in.
My opinion still stands on the matter - that isn't the real setting you use.

OK, tell me where I can find it in Chromium / Firefox and Windows 7. The former browser reports font size "Medium (recommended)", Page zoom "100%".

Here are HA and wavpack.com side by side in the same browser, both after Ctrl-0. Tell me what I am doing wrong.
(https://i.imgur.com/7l9jTwR.png)

HA font looks perfectly fine to me (1920x1080).  Which is to say that such things are inherently relative, and changing them centrally may make the OP happy but piss someone else off.

There are scads of ways to customize such things, whether it's simple zooming or user style managers like Stylus (Chrome (https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en), Firefox (https://addons.mozilla.org/en-US/firefox/addon/styl-us/)) or userscript managers like Greasemonkey or Tampermonkey.  Or, at least if you use Firefox, turning off the ability for sites to set their own fonts and to always use the face and size you specify.

may make the OP happy but piss someone else off.

Yeah ...
So, wavpack.com went from 9 pt to 11 pt. Better to my eyes on a 14" 1920x1080 (I just checked), worse on a desktop monitor. Middle ground would maybe be ... reasonable for both. Especially when using Verdana, which is horizontally spacious and easier to read in small font than e.g. Arial/Helvetica. (https://www.w3schools.com/cssref/css_websafe_fonts.asp)

But going 10 pt will probably make one of the more aggressive WavPack users start throwing rocks, and the rest of us can hit Ctrl minus.

So, wavpack.com went from 9 pt to 11 pt.

Off-topic but
What wavpack.com needs is better use of the line-height property in CSS (line spacing)

HA font looks perfectly fine to me (1920x1080).  Which is to say that such things are inherently relative, and changing them centrally may make the OP happy but piss someone else off.

There are scads of ways to customize such things, whether it's simple zooming or user style managers like Stylus (Chrome (https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en), Firefox (https://addons.mozilla.org/en-US/firefox/addon/styl-us/)) or userscript managers like Greasemonkey or Tampermonkey.  Or, at least if you use Firefox, turning off the ability for sites to set their own fonts and to always use the face and size you specify.

That's why I only report issues which are obviously bugs, like this one, which is also related to font size (pay attention to Peter's reaction):
https://hydrogenaud.io/index.php?topic=114257.0

Of course, I also reported a very severe issue that the website was being hacked. The post contains a screenshot which also reveals my font size preference.
https://hydrogenaud.io/index.php/topic,122609.0.html

On the other hand I am totally fine with Firefox's per site zoom settings, no additional plugin is required to do so.

From Porcus' screenshot I can see he prefers a smaller font size than mine, nothing wrong with this of course. Back in the day I've seen many people using 17" 1280*1024 (5:4) LCDs happily with Windows font size set to 100%, but it was unacceptable for me and I bought a 19" 1280*1024 in 2005 or so. Many desktop software at that time were not all that flexible in UI scaling, buttons or text labels may misplace when zoomed.

Hello,

The font is too small when using 1920x1080 resolution on 22" screen.

Is there any way to change ?  I don't like to custom zoom

The site was optimized for VGA 640*480 in 1994 :))

Just "zoom in" with CRTL + mouse.

I'm in +160% here  :o



+ setting => Minimum font size xx

Or, at least if you use Firefox, turning off the ability for sites to set their own fonts and to always use the face and size you specify.

Exactly !

And if some sites are whining because you don't use Chrome add:

general.useragent.override

in "about:config" then a agent string with "chrome" inside.

Many desktop software at that time were not all that flexible in UI scaling, buttons or text labels may misplace when zoomed.

A real example, see this guy's screenshot:
https://forum.cockos.com/showthread.php?t=74891

The problem was the UI could not be completely displayed and could not be resized. It is now fixed of course.
Also, the default font size of Reaper forum looks same as HA, I use both sites without custom zooming in FireFox.

I've seen many people using 17" 1280*1024 (5:4) LCDs happily with Windows font size set to 100%, but it was unacceptable for me and I bought a 19" 1280*1024 in 2005 or so.

I'm still using 17" 1280x1024, and it's always seemed like the best compromise between clarity and size to me. I've tried using a 17" 1920x1080 display, and everything is way too small to be comfortable, so I have to set the font size to 120% in the OS.

If my calculations are correct, I'd need a 23" 1080p monitor to make text appear the same size as on my 17" SXGA monitor. I tried a 20" 2048x1536 (QXGA) monitor once, and that was way too large. I've also tried 1366x768, and the resolution is way too low. Some website menus don't even fit on the screen, because they assume you have more vertical resolution than that.

I'm hoping 3:2 monitors catch on, as 16:9 is a pretty awful aspect ratio for productivity purposes, and 4:3 and 5:4 are probably never coming back. I'm not looking forward to the day when I have to replace my stalwart SXGA workhorse.

tl;dr

Font sizes are a mess now that so many monitor resolutions exist. Use your browser's per-site zoom option, because you'll never find one size and resolution that works for every purpose.

I don't even know how someone is supposed to find a full HD display at 17" outside of a laptop screen.  The smallest I could find for desktop monitors were around 22-24" that's just in late 2015, early 2016 when I got my current monitor.  With 1440p and 4K screens being more mainstream displays in 2022 that someone might purchase, I can't imagine anyone bothering with anything less than 1080p if they knew what they were doing for a monitor purchase.  And many cheap laptops which still make up large chunks of the market place still use resolutions around 1366 x 768.  On my 1920 x 1080 22" monitor the font appears readable and looks fine to me.

For resolutions of around 720p or less I use whatever the monitor had on the back that works.
For a full HD display I use either HDMI, display port, or DVI and not bother with VGA at all.
For anything higher I use HDMI or display port.

Yes, both the 1080p and 768p displays were on laptops. I don't know how people can stand using UHD displays unless they only use modern software that supports high DPI. If you're trying to use older software, everything will be microscopic at such a high resolution.

Yes, both the 1080p and 768p displays were on laptops. I don't know how people can stand using UHD displays unless they only use modern software that supports high DPI. If you're trying to use older software, everything will be microscopic at such a high resolution.

I think the world is slowing moving towards software that supports high DPI, on the mobile phone and tablet side it's already full DPI support.  I think older legacy software will be scaled or special industrial displays will be made specifically for them as what already happens with industrial computers being made to work with older equipment.  Most that have 4K display monitors usually have screen sizes of 28-32" or bigger.

I didn't notice before.  The bigger
problem is the quoted font.  The main font is borderline
but quoted needed 20% and then main font becomes too big relatively .

https://imgur.com/a/ppTNepx

I just tested it on a 1366x768  15.6 " screen - default scaling, MS Edge.
I think this setup is very common.
Results are similar to my 20.5" pc+ Firefox.  Quoted text is small on non-high DPI screen.

Basicaly, It may work on a 1024x768 15" or 27" in full-HD. Something around 80PPI or less.
Unless its some CSS bug.

I'm still using 17" 1280x1024, and it's always seemed like the best compromise between clarity and size to me. I've tried using a 17" 1920x1080 display, and everything is way too small to be comfortable, so I have to set the font size to 120% in the OS.

If my calculations are correct, I'd need a 23" 1080p monitor to make text appear the same size as on my 17" SXGA monitor. I tried a 20" 2048x1536 (QXGA) monitor once, and that was way too large. I've also tried 1366x768, and the resolution is way too low. Some website menus don't even fit on the screen, because they assume you have more vertical resolution than that.

Even when I was using that 19" 1280*1024 monitor I had to use 122% OS scaling for some desktop software I use, and 130% now on a Dell U2417H. The 19" died on 2017, so 12 years of life, a CCFL TN screen with OK horizontal but pathetic vertical viewing angle. Being a picky cheapskate I need wide viewing angles in both portrait and landscape mode and a rotation base, and a flicker-free panel with at least average backlight leakage, and a thin bezel. Things like wide gamut, HDR, very high refresh rate and very low response time are of low priority for me and those products are usually quite expensive anyway.

When I was using a ViewSonic 15" CRT (14" viewable) in mid-late 90s, 100% OS scaling at 800*600 was fine even though the monitor was capable of 1280*1024 max. With 1024*768 I had to use more than 100% scaling.

Font sizes are a mess now that so many monitor resolutions exist. Use your browser's per-site zoom option, because you'll never find one size and resolution that works for every purpose.

Web browsers are one of the earliest software types I have used to support arbitrary scaling without reboot/logout/re-open anything, the easiest thing to deal with. Also, with OS scaling, browser fonts also get enlarged proportionally anyway.

https://www.sven.de/dpi/

The only thing to sort it is the minimum font setting .  Its not a scaling issue
or zoom at all.  All posts here are wrong or miss the point.  The issue there's too much
discrepancy between two font sizes.  To me the quoted font should use another way to
distiguish itself if at all.

I just tested my samsung TV 46"  1920x1080 , scaling 150 %, Firefox, HA site. Sitting 6 feet away.
Same problem. Quoted text is too small, while the main text is OK.

Don't know about others but here is my screenshot. BTW, Dell U2417H's actual size is 23.8".

The screenshots add a blurring / thickening artifact (after uploading) ,thus making everything look 'better' .
The PNG on my computer is ruined each time it goes through any image host.

The screenshots add a blurring / thickening artifact thus making everything look 'better' .

The screenshot is supposed to be downloaded and viewed on a software that doesn't use any scaling, rather than on the browser directly. Also, I use ClearType. While the chance could be small, the subpixel allocation could be different on different displays.

[edit] Right-click and save my screenshot on Reply #35 and send to VirusTotal, if the file links to this entry then the screenshot is unmodified.
https://www.virustotal.com/gui/file/da62970f341f334023a9cbcb29418eba76b696426235b8eaf0ebe05f775f3055

I typically view this forum on an off brand 22" Full HD 1920 x 1080 IPS monitor with viewing angles that are quite good.  Usually I'm 2-3 feet away from the screen.  I use HDMI, too.  Everything is readable at 100% for me.  I sometimes use the monitor with an ASTC converter box (many newer ones have HDMI output) with an antenna as a makeshift TV.  Monitor had a cost of less than $200.

For my phone (when I want to read the forum out and about) just holding it horizontal in desktop mode causes everything to be readable.  Holding it vertical causes everything to become microscopic and unreadable.  Usually I hold that about 4-6 inches away.

For LCDs I avoid anything with bad viewing angles as that can strain the eyes.

The best advice is use zoom settings if something is too small.  It's how I always dealt with PDFs, even if they were still readable.

In the early 2000's to the earlier 2010's I was using a 15" CRT with a resolution of 1024 x 768.  I had two different ones but both were under the HP brand.  Those are now dead and gone.  One developed burn in where the image was (a darkened area where the computer image was always displayed) and I got a different one that developed issues with the screen changing it's width and you could whacked the side of the it to restore the full width (it was dying for sure).

From 2011 to late 2015 I used an 18" 1366 x 768 off brand LCD screen that had white LED backlight, viewing angles were okay.  I still have this monitor in the closet.  It just has VGA on the back of it.  Developed problems with flicker when cold that last a few minutes before going away.  Had a cost of about $100.

All posts here are wrong or miss the point.  The issue there's too much discrepancy between two font sizes.

No, you're just moving the goalposts. Your original post said the font was too small. Now you're saying quoted text is too small compared to regular text. That's a different complaint. Either way, the solutions are the same: enlarge the page, buy a bigger monitor, or get glasses.

Quote from: shadowking on 2022-08-29 12:23:52

All posts here are wrong or miss the point.  The issue there's too much discrepancy between two font sizes.

No, you're just moving the goalposts. Your original post said the font was too small. Now you're saying quoted text is too small compared to regular text. That's a different complaint. Either way, the solutions are the same: enlarge the page, buy a bigger monitor, or get glasses.

The main font is still small except on my samsung TV.

It looks like a matter of preference.

I prefer (slightly?) smaller fonts than most, you prefer larger - apparently significantly so.

Solution1: You adapt and I adapt, rather than forcing everyone else to.
Solution2: On a general note, you reconsider the notion that the world revolves around you. If you didn't catch the mere concept, then think once again: the world does not revolve around your preferences in particular. Rinse and repeat -hhx6 times or until you have learned that people with different preferences than you aren't necessarily "dishonest".

I've no problem reading anything on this forum on a 15" 1920x1080 laptop display. In fact, the terminal I do most of my coding work on has an even smaller font size, and I've never even considered changing this.

So I agree with @Porcus: this is a matter of preference.

I've no problem reading anything on this forum on a 15" 1920x1080 laptop display. In fact, the terminal I do most of my coding work on has an even smaller font size, and I've never even considered changing this.

So I agree with @Porcus: this is a matter of preference.

The resolution and screen size without taking into account scaling means little.

In current windows OS such a setup will use 125 to 150 % scaling by default.
So its really like using 19 to 23 inch screens with 1920x1080.  In MacOS I think its similar.

Quote from: ktf on 2022-08-30 08:12:43

I've no problem reading anything on this forum on a 15" 1920x1080 laptop display. In fact, the terminal I do most of my coding work on has an even smaller font size, and I've never even considered changing this.

So I agree with @Porcus: this is a matter of preference.

The resolution and screen size without taking into account scaling means little.

You are right. I have scaling at 100%, which AFAIK means no scaling. For reference: line-height of the HydrogenAud.io (the number of pixels from the bottom of one line of text to the bottom of the next line of text) is 21 pixels here. I'm not entirely sure how to measure font-height, so I measured from the topmost pixel of capital letters to the bottommost pixel of a letter such as p q y or g. Then I get 12 pixels for quoted text and 13 pixels for normal text.

Quote from: shadowking on 2022-08-30 14:13:19

Quote from: ktf on 2022-08-30 08:12:43

I've no problem reading anything on this forum on a 15" 1920x1080 laptop display. In fact, the terminal I do most of my coding work on has an even smaller font size, and I've never even considered changing this.

So I agree with @Porcus: this is a matter of preference.

The resolution and screen size without taking into account scaling means little.

You are right. I have scaling at 100%, which AFAIK means no scaling. For reference: line-height of the HydrogenAud.io (the number of pixels from the bottom of one line of text to the bottom of the next line of text) is 21 pixels here. I'm not entirely sure how to measure font-height, so I measured from the topmost pixel of capital letters to the bottommost pixel of a letter such as p q y or g. Then I get 12 pixels for quoted text and 13 pixels for normal text.

Personally, I find it hard believe that you really use no scaling @ 150ppi . Unless your a teenager or had
the Elon Musk implant.

Its also possible that some people have actually picked up a habit - a
bad one that one reads using far less than optimal size.

(https://i.imgur.com/xBuhnGw.jpeg)

Here is one of the legacy software I still use, Paint Shop Pro 5 released in 1998, configured to not scale any opened images. I can read the RGB values on right hand side, no way I can't see the forum text clearly.

That screenshot looks good. except rgb section. I can read 253 but its narrow and a bit ugly.

Yes, RGB letters are not aligned and the font is not smoothed by ClearType. Could be some sort of raster font internal to the program that modern Windows can't take control over it. It is the worst part and therefore I specifically mentioned about it.

If I have some size-inflating hack deep within my OS, feel free to let me know. Here I captured a full-screen dump (still on 24"). To the left, this thread, a screenshot that gets some quoted text. To the right, WavPack.com in default zoom and in double Ctrl minus (two different Chromium browsers).

(https://i.imgur.com/U675NhV.png)

To me, The top wavpack by far the best, then HA and smaller wavpack last.
Everything is a bit small for my taste in the screenshot except WV new look, although I can't
tell for sure as imgur adds a smudging effect.

Monitor resolution, display driver resolution scaling, DPI scaling, accessibility settings, browser font settings (something that @shadowking might want to look into!), and browser zoom seem to be all the possibilities on Windows that affect text size on websites.

To me, HA even on 24" 2560x1440 monitor with everything 100% looks OK from a meter away, although WavPack website before increasing font size did not.

I've tried many combos of fonts, css extensions etc..
Firefox is the closest to most consistent look with some breakage:
Set main font=Segoe UI size 16 or 17 and minimum 15
then disable 'allow websites...'

Did you try changing only the font size from default Medium to Large or Very Large?

Did you try changing only the font size from default Medium to Large or Very Large?

That appears only in chromium browsers.   I tried chromium and the large setting is very good for me. It appears that its
just an alias for custom zoom value ?  

I see its a preset for size 20 font in chromium.

OK. It appears that in FF size 20 = chrome 'large' .  I'll have to experiment to see what breaks or not.

If I have some size-inflating hack deep within my OS, feel free to let me know. Here I captured a full-screen dump (still on 24"). To the left, this thread, a screenshot that gets some quoted text. To the right, WavPack.com in default zoom and in double Ctrl minus (two different Chromium browsers).

Not sure if it helps with anything, but here are "The" from your screenshot: normal message, quote, top wavpack, bottom wavpack

As for the font size on HA, to me it is rather on the smaller side. And because I don't like overcomplicated things, I override this:

font: 87.5%/150% "Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Oxygen","Ubuntu","Cantarell","Droid Sans","Helvetica Neue","Trebuchet MS",Arial,sans-serif

with this:

font: 100%/150% sans-serif !important;

;-)

The result on 24" 1920x1200, before:

and after:

Set main font=Segoe UI size 16 or 17 and minimum 15
then disable 'allow websites...'

It's worth noting that newer fonts like Segoe UI require ClearType/antialiasing/blurry mode to be enabled. I find Windows to be much more visually pleasing with ClearType disabled, and then banishing the disgusting Segoe UI font family. Forcing everything to use older fonts like Tahoma, Times New Roman, and Courier New that were created before the "blurry fonts are awesome" craze makes things look much more crisp and easy to read to me, but YMMV.

To further complicating things, being an Asian, I also visit websites and have files contain Chinese and Japanese. Chinese glyphs can be traditional (e.g. Hong Kong, Macau, Taiwan) or simplified (Mainland China), Japanese can be in Kanji and Kana. In terms of visual complexity, from highest to lowest should be Traditional Chinese > Kanji / Simplified Chinese > Kana.

In the screenshot below, everything in foobar's playlist is Traditional Chinese, two folders in explorer contain Kana and Kanji, compared to the forum fonts.


Because it is only possible to choose one font and one size for each item (e.g. folder name), I can't control how the Asian glyphs look like if I use typical Western fonts like Arial, Tahoma, Verdana and such. The font I used in desktop icon, foobar and explorer is Meiryo UI (https://en.wikipedia.org/wiki/Meiryo). On the other hand I don't use any plugin and customized font in Firefox.

For ClearType, I also used Windows' built-in ClearType Tuner tool to find the best looking setting for my eye and monitor.

I used to disable cleartype and all blurring possible until 3 years ago.
. With newer displays, better PPI/DPI &
cleartype tuner it can be pretty good.  Not all fonts render
 good just like some of the non-blurred fonts weren't that great either.
The bigger font size is better as it overcomes PPI limitations. If you have
reasonable DPI screen (100 or more), the smaller font won't look smudged .  If you have average display
, the smaller may look blurred, also the Non MS 'web fonts' won't look as sharp.  I wasn't satisfied using 24", but on 22" and now 21 work better.  The new lenovo 21" is best by far.

With ClearType disabled, it's critical to set your browser to forbid websites from using their own fonts; otherwise, sites that use abominations like Segoe UI will be a jaggy, unreadable mess. Modern fonts seem to be designed with font blurring in mind, so when you turn it off, the fonts completely fall apart.

I think I can reuse this thread as it seems that there are Linux users here, and it would be better if there are members who use both Linux and Windows. I mean the bold fonts on Linux look pretty similar to regular fonts and this issue only happens on HA but not other websites, including websites that use the same ElkArte forum software. I tried to use a completely new Firefox profile without any custom settings and addons but the issues persists. I am a complete Linux noob so I would be grateful if there is a solution to this.

You can see that bold fonts can be easily distinguished from regular fonts on Windows.


On Linux the differences of bold and regular fonts are small on HA regardless of overall browser zoom factor. Other websites don't have this issue.



Here are the links of the pages above:
https://hydrogenaud.io/index.php/topic,123025.msg1018543.html#msg1018543
https://support.mozilla.org/bm/questions/1269206
https://www.elkarte.net/community/index.php?topic=6161.msg44076#msg44076

I mean the bold fonts on Linux look pretty similar to regular fonts and this issue only happens on HA but not other websites, including websites that use the same ElkArte forum software.
[...]
https://hydrogenaud.io/index.php/topic,123025.msg1018543.html#msg1018543

I've no problem with that one. Bold text is clearly bold.

I am a complete Linux noob so I would be grateful if there is a solution to this.

Considering being new to this, just calling your OS 'Linux' isn't particularly clear. One could call Android Linux too of course. My system runs OpenSUSE Tumbleweed from a few days ago. I can't tell from the screenshots what system you're running.

Anyway, probably there's a font missing.

This one:
https://mxlinux.org/download-links/
MX-21.3_x64 “ahs”

I just tried booting a live USB session using the installation image, bold fonts are not being clearly displayed as well, and only on HA. I can disallow Firefox's "Allow pages to use their own fonts" so that I can choose a san-serif font with better bolds, but it seems that this option affects all other websites and cannot be applied to only HA. I don't want to use forced fonts on all websites.

I also installed MX Linux on the SSD and fiddled with different font packages and nothing is solved.

What happens if you open a terminal and run sudo apt install fonts-roboto

Or install the fonts-roboto package through synaptic or some other package manager. I'm unfamiliar with this Linux flavour, but it seems to be based on Debian.

Thanks. I installed fonts-roboto in Synaptic and rebooted and see no improvement. Here are the "Installed Files" being shown on Synaptic:

fonts-roboto

/.
/usr
/usr/share
/usr/share/bug
/usr/share/bug/fonts-roboto
/usr/share/bug/fonts-roboto/presubj
/usr/share/bug/fonts-roboto/script
/usr/share/doc
/usr/share/doc/fonts-roboto
/usr/share/doc/fonts-roboto/buildinfo_all.gz
/usr/share/doc/fonts-roboto/changelog.Debian.gz
/usr/share/doc/fonts-roboto/copyright

When I install font-roboto, Synaptic automatically installs font-roboto-unhinted as well.

/.
/usr
/usr/share
/usr/share/doc
/usr/share/doc/fonts-roboto-unhinted
/usr/share/doc/fonts-roboto-unhinted/buildinfo_all.gz
/usr/share/doc/fonts-roboto-unhinted/changelog.Debian.gz
/usr/share/doc/fonts-roboto-unhinted/copyright
/usr/share/fonts
/usr/share/fonts/truetype
/usr/share/fonts/truetype/roboto
/usr/share/fonts/truetype/roboto/unhinted
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-Bold.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-BoldItalic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-Italic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-Light.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-LightItalic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-Medium.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-MediumItalic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoCondensed-Regular.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-Black.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-BlackItalic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-Bold.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-BoldItalic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-Italic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-Light.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-LightItalic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-Medium.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-MediumItalic.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-Regular.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-Thin.ttf
/usr/share/fonts/truetype/roboto/unhinted/RobotoTTF/Roboto-ThinItalic.ttf
/usr/share/lintian
/usr/share/lintian/overrides
/usr/share/lintian/overrides/fonts-roboto-unhinted

If your eyes are sensitive to this sort of thing, it can be helpful to set your browser to ignore fonts used on websites and always force your own font choices to be used. This insulates you against websites with poor font choices, so you only have to worry about setting the zoom level to make sites easy to read.

Now that i read it i checked and indeed found a userContent.css file in my firefox profile i define the font for hydrogenaud.io only. I did this after some forum software update and worsened readability for me.

Now that i read it i checked and indeed found a userContent.css file in my firefox profile i define the font for hydrogenaud.io only. I did this after some forum software update and worsened readability for me.

Thanks for the hint. For those who want to try:
https://superuser.com/questions/318912/how-can-i-override-the-css-of-a-site-in-firefox-with-usercontent-css

Here are my settings:

@-moz-document domain(hydrogenaud.io) {
    body{font:93% "Open Sans" !important;}
}

Night and day difference


As for the original css file on HA, I see this:

font:87.5%/150% "Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Oxygen","Ubuntu","Cantarell","Droid Sans","Helvetica Neue","Trebuchet MS",Arial,sans-serif

As long as "Segoe UI" exists, bold font will not display properly. I have no idea why this can even affect the original MX Linux Live USB session.

I think something maps Segoe UI to some other font that does not have a bold variant, or the mapping breaks the link to that bold variant. From the fact the capital I has serifs, it seems that substitute font may be Droid Sans

From the fact the capital I has serifs, it seems that substitute font may be Droid Sans

:D  :D  What do they not understand about the designation "sans"??!

I have no idea why this can even affect the original MX Linux Live USB session.

Live USB seems to have Roboto installed but only Light version:

$ find /usr/share/fonts -name '*[rR]oboto*'
/usr/share/fonts/extra/Roboto-Light.ttf
/usr/share/fonts/extra/RobotoMono-Light.ttf

and that's what Firefox picks up. Btw, you can use Developer Tools in Firefox (or right-click / Inspect, same thing) to check which font is actually used.

The font doesn't seem to be installed from a package:

$ dpkg -S /usr/share/fonts/extra/Roboto-Light.ttf
dpkg-query: no path found matching pattern /usr/share/fonts/extra/Roboto-Light.ttf

Thanks. I installed fonts-roboto in Synaptic and rebooted and see no improvement.

I did that on Live USB and the difference is huge. And I didn't even reboot, firefox refreshed the page by itself after a few seconds.

I tried this on the MX Linux installed on the SSD and this does not happen, perhaps I further messed up things before reading ktf's post. One thing I tried is saving the HA page to disk, and manually edit the original CSS file. If I don't remove Segoe UI in the CSS file, the regular Roboto font won't show up on the page, even though it is installed and can be used on file manager, menu etc.

Imposter Old version identified. Not my fault.
https://github.com/MX-Linux/mx-conky-data/blob/master/MX-Simple/Fonts/Segoe%20UI.ttf
https://en.wikipedia.org/wiki/Segoe#Segoe_UI