Font sizes are different in Firefox and Chrome

Support
1

I noticed the fonts are of different size in Firefox and Chrome. Why they are rendered differently, it shouldn’t be like that. Is that the problem in theme?

3

Do you mean it’s bigger in Firefox?

If so, have you changed layout.css.devPixelsPerPx in the Firefox config?
I tested, and at first glance, I could see the difference too:

The image shows a Discord topic asking why fonts appear different in Firefox and Chrome, with a similar view being shown on two screens. (Captioned by AI)
The image shows a Discord topic asking why fonts appear different in Firefox and Chrome, with a similar view being shown on two screens. (Captioned by AI)2341×826 152 KB

Then, after debugging, I found out that the pixel ratio was set to 1.09 for some reason.

I don’t remember modifying it; that’s odd. To reset it:

Now, it’s similar:

The image shows side-by-side screenshots of a single chat post in a Slack and Discourse forum, highlighting the differences in UI layout and features. (Captioned by AI)
The image shows side-by-side screenshots of a single chat post in a Slack and Discourse forum, highlighting the differences in UI layout and features. (Captioned by AI)2553×811 223 KB

Is it your case as well?

1 Like
4

I don’t remember changing it, but will soon check and report. Thank you.

5

OK so I checked and the value of layout.css.devPixelsPerPx is 1. Check https://forum.liberland.org, and please tell me if it’s the same in your Firefox and Chrome?

6

Yes, it’s the same:

A screenshot of the official Liberland Community Forum, divided into sections like Support & Inquiries, General, and Technology & Innovation, detailing topics such as policy analysis and discussions about Liberland's governance and blockchain technology. (Captioned by AI)
A screenshot of the official Liberland Community Forum, divided into sections like Support & Inquiries, General, and Technology & Innovation, detailing topics such as policy analysis and discussions about Liberland's governance and blockchain technology. (Captioned by AI)2558×1122 422 KB

7

So weird, I don’t know what to think. Zoom levels here are at same level…

8

Can you share a screenshot of what you see, like I did above?

Also, I’m not sure if it will be helpful, but you can try checking out this simple page (source): Browser font size diagnostics.

The image displays browser information showing the Chrome 135.0.0.0 version on a Windows 10 platform, with a viewport size of 2560px width and 1305px height, and default font settings including a root font size of 16px, body font size of 16px, 96 dpi for DPI/PPI, and 24px body line height. (Captioned by AI)
The image displays browser information showing the Chrome 135.0.0.0 version on a Windows 10 platform, with a viewport size of 2560px width and 1305px height, and default font settings including a root font size of 16px, body font size of 16px, 96 dpi for DPI/PPI, and 24px body line height. (Captioned by AI)1052×851 38.8 KB

It gives basic information. You could compare the data between Chrome and Firefox. Feel free to take a screenshot and share it there.

1 Like
9

It was the default font size setting in Firefox which was 18, and in Chrome it was 16. I don’t remember changing it in Firefox, but probably I did. Thank you!

2 Likes