Fonts are blurry on Chrome and Electron apps (flatpak)

Help
1

The fonts in my system look good.

The task bar:

image

The settings:

image
image712×382 28.8 KB

On Telegram (flatpak):

image
image311×386 17.2 KB

But in Chrome and in some Electron apps it looks way worse.

Chrome (flatpak):

image

image
image791×616 44.8 KB

image
image286×207 7.85 KB

Discord (flatpak):

image
image577×252 15.1 KB

image

System configuration:

Operating System: Bazzite 43
KDE Plasma Version: 6.5.4
KDE Frameworks Version: 6.21.0
Qt Version: 6.10.1
Kernel Version: 6.17.7-ba22.fc43.x86_64 (64-bit)
Graphics Platform: Wayland
Processors: 12 × AMD Ryzen 5 5600X 6-Core Processor
Memory: 16 GB of RAM (15,5 GB usable)
Graphics Processor: NVIDIA GeForce RTX 3070
Manufacturer: Gigabyte Technology Co., Ltd.
Product Name: B550 AORUS ELITE V2

The tweaks I’ve done to the fonts:

Settings - Text & Fonts:

  • use font Segoe UI
    – general 10pt
    – small 9pt
    – toolbar 8pt
    – menu 9pt
    – window title 10pt
  • enable Anti-Aliasing
  • set Sub-pixel rendering: RGB
  • set Hinting: Medium

System:

  • sudo ln -s /usr/share/fontconfig/conf.avail/10-autohint.conf
  • sudo ln -s /usr/share/fontconfig/conf.avail/11-lcdfilter-default.conf

Fonts config:

  • sudo vim ~/.config/fontconfig/fonts.conf
 <match target="font">
  <edit mode="assign" name="hinting">
   <bool>true</bool>
  </edit>
 </match>
 <match target="font">
  <edit mode="assign" name="hintstyle">
   <const>hintmedium</const>
  </edit>
 </match>
 <match target="font">
  <edit mode="assign" name="rgba">
   <const>rgb</const>
  </edit>
 </match>
 <match target="font">
  <edit mode="assign" name="lcdfilter">
    <const>lcddefault</const>
  </edit>
 </match>
 <match target="font">
  <edit mode="assign" name="antialias">
   <bool>true</bool>
  </edit>
 </match>
 <match target="pattern">
  <edit mode="assign" name="dpi">
   <double>82</double>
  </edit>
 </match>

The “dpi” setting here matches my monitor’s native dpi.

Font settings in Chrome:

image
image719×841 29.9 KB

Font settings in the system:

image
image502×463 25.2 KB

Flatseal settings for chrome are default, but I have tried:

  • adding ELECTRON_OZONE_PLATFORM_HINT=auto (no effect)
  • disabling X11 socket (no effect, i.e. it correctly runs through wayland)
  • adding permissions for dbus (no effect)
  • adding a flag --force-device-scale-factor=1 (no effect)
1 Like