Font sizes are different in Firefox and Chrome

Product Support

AI-generated summary

A user pyc reported that font sizes appear different in Firefox and Chrome, suspecting a theme issue. Arkshine investigated and initially suspected a Firefox configuration setting, layout.css.devPixelsPerPx, which was set to 1.09 instead of the default 1.0 — resetting it resolved the discrepancy in their test. pyc confirmed they hadn’t changed the setting but agreed to check. After verifying the config was set to 1.0, pyc still saw differences on forum.liberland.org, which Arkshine confirmed looked identical in their browsers. pyc noted zoom levels were the same. Arkshine suggested comparing browser info via a diagnostic page and sharing screenshots. Finally, pyc discovered the root cause: Firefox’s default font size was set to 18px, while Chrome’s was 16px — likely changed unintentionally. The issue was resolved by aligning the default font sizes across browsers.

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?

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.

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!