# Font rendering in Firefox and Chromium looks very different

**URL:** <https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722>\
**Category:** Newbie\
**Created:** [April 5, 2022, 8:58am UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722 "2022-04-05T08:58:24Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![sorat0mo](https://forum.endeavouros.com/letter_avatar_proxy/v4/letter/s/6a8cbe/32.png) [@sorat0mo](https://forum.endeavouros.com/u/sorat0mo)\
**Post date:** [April 5, 2022, 8:58am UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722/1 "2022-04-05T08:58:24Z")

</div>

I have done my research, I initially tried fixing CJK fonts rendering looking shit, I fixed that with the following .conf file in ~/.config/fontconfig/conf.d

[https://gist.github.com/sorat0mo/c185e852480af28bcb666bc05f173fb4](https://gist.github.com/sorat0mo/c185e852480af28bcb666bc05f173fb4)

Below is my problem, see the characters i and I (capital i)

### Brave:

![](https://files.catbox.moe/qzf1bk.webp)

### Firefox/Librewolf:

![](https://files.catbox.moe/usj42p.webp)

I tried in Firefox (Arch repo), Firefox (Flatpak) and Librewolf(Flatpak), I am using Librewolf(Flatpak) at the moment. To compare, I opened the same page in Brave (Flatpak) and you can see clearly Firefox did not render as good as Brave. I enabled LCD filter as per suggestion by @keybreak but that didn’t fix the problem for me.

I also have to add that it does not seem to be a generic problem across all websites, but some website here and there. For example, the Endeavour OS forum does not seem to have this issue:

[https://files.catbox.moe/gepjx3.webp](https://files.catbox.moe/gepjx3.webp)

Now if I disabled the Firefox option “Allow pages to choose their own fonts, instead of your selection above”, everything looks cleaner again(Firefox):

![](https://files.catbox.moe/gvyhli.webp)

I am not sure where to look into or what keywords I need to fix this annoying problem. Here is my font configuration in both browsers if it’ll help.

[https://files.catbox.moe/wz1570.webp](https://files.catbox.moe/wz1570.webp)

[https://files.catbox.moe/tq01xa.webp](https://files.catbox.moe/tq01xa.webp)

Here is output of `pacman -Qs font`  
[https://files.catbox.moe/3fw6zu](https://files.catbox.moe/3fw6zu)

---

<div class="post-metadata">

**Author:** ![petsam](https://forum.endeavouros.com/user_avatar/forum.endeavouros.com/petsam/32/41308_2.png) [@petsam](https://forum.endeavouros.com/u/petsam)\
**Post date:** [April 5, 2022, 1:24pm UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722/3 "2022-04-05T13:24:13Z")

</div>

> [@sorat0mo](#):
>
> I need to fix this annoying problem.

> [@sorat0mo](#):
>
> everything looks cleaner again(Firefox):

As you report, there is no issue. It is just a setting/preference.

> [@sorat0mo](#):
>
> “Allow pages to choose their own fonts, instead of your selection above”

The _normal_ setting for this is to be enabled, so you see the websites as designed from their devs.  
IIUC, you disabled this, so you have your local fonts FF selection displayed on all websites.

One possible reason for the bad rendering could be the display resolution (dpi), in combination with your FF selected font.  
Maybe do some testing altering these settings to find a better result. 🤷

> [@sorat0mo](#):
>
> it does not seem to be a generic problem across all websites, but some website here and there

☝ 😉

---

<div class="post-metadata">

**Author:** ![sorat0mo](https://forum.endeavouros.com/letter_avatar_proxy/v4/letter/s/6a8cbe/32.png) [@sorat0mo](https://forum.endeavouros.com/u/sorat0mo)\
**Post date:** [April 5, 2022, 1:52pm UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722/4 "2022-04-05T13:52:50Z")

</div>

Thank you for the input. I tried _everything_ you suggested long before I decided to take it to the Endeavour OS forum. After fighting this nuance for a month I finally decided to post as this seem to plague even my 1920x1080 laptop. I am using a 3440x1440 34" screen on desktop (and where I took my screenshots in OP). What I could not figure out is back on Ubuntu and Kubuntu, this problem did not occur, even with Global Scale on 100% instead of 125%.

I also have to add that adjusting DPI did not fix the problem for me. It was only after adjusting **Global Scale** from 100% to 125% the fonts become bearable.

Font render at 125% Global Scale 100% zoom in Librewolf:  
 ![](https://files.catbox.moe/25ulkl.webp)

---

<div class="post-metadata">

**Author:** ![petsam](https://forum.endeavouros.com/user_avatar/forum.endeavouros.com/petsam/32/41308_2.png) [@petsam](https://forum.endeavouros.com/u/petsam)\
**Post date:** [April 5, 2022, 2:14pm UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722/5 "2022-04-05T14:14:47Z")

</div>

> [@sorat0mo](#):
>
> on Ubuntu and Kubuntu, this problem did not occur, even with Global Scale on 100% instead of 125%.

Then it could be a font setting, but it’s not fair 😢 to propose something I don’t bother/am lazy to do myself. There are plenty of instructions in Archwiki/fonts article that might improve your issue. 🤐

---

<div class="post-metadata">

**Author:** ![sorat0mo](https://forum.endeavouros.com/letter_avatar_proxy/v4/letter/s/6a8cbe/32.png) [@sorat0mo](https://forum.endeavouros.com/u/sorat0mo)\
**Post date:** [April 5, 2022, 2:34pm UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722/6 "2022-04-05T14:34:10Z")

</div>

Quick headsup  
After fiddling with the settings more, I find that setting font hinting to **none** fixed the problem for me(was slight as per suggestion on various other websites on how to make font render normal on KDE/arch), reproducible on my laptop as well. Thanks for helping.

---

<div class="post-metadata">

**Author:** ![petsam](https://forum.endeavouros.com/user_avatar/forum.endeavouros.com/petsam/32/41308_2.png) [@petsam](https://forum.endeavouros.com/u/petsam)\
**Post date:** [April 5, 2022, 7:02pm UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722/7 "2022-04-05T19:02:45Z")

</div>

> [@sorat0mo](#):
>
> setting font hinting to **none**

Please, post exact actions of implementing this.

---

<div class="post-metadata">

**Author:** ![system](https://forum.endeavouros.com/uploads/default/original/2X/9/9ea52f9fd5ef8e609e593c362d61a36295f48be8.png) [@system](https://forum.endeavouros.com/u/system)\
**Post date:** [April 7, 2022, 7:03pm UTC](https://forum.endeavouros.com/t/font-rendering-in-firefox-and-chromium-looks-very-different/25722/8 "2022-04-07T19:03:34Z")

</div>

Closed on April 7, 2022, 7:03pm UTC

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.
