Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

chrome overall font rendering issue 2016

I still got the problem of very bad font rendering in Google Chrome. I'm using version 50.0.2661.102 m. I deactivated "DirectWrite" and it got a bit better, but thin fonts are still horrible to read. I reinstalled chrome to get the default settings.

Here is a comparison with Firefox (top). Ignore the word spacings, its caused by responsive layout and justified text.

firefox_comparison

This happens with all fonts on all pages. I saw a lot of workarounds, but they all assume to have Chrome 36 and below installed. Officially it is fixed since Chrome 37. But I get this on all of my PCs.

Is there a fix, or is chrome just bad with fonts?

like image 722
tinytree Avatar asked May 18 '16 13:05

tinytree


People also ask

Why is the font weird on Chrome?

Check Font Settings from Google Chrome Step 1: Open Google Chrome and click on the three-dot menu in the upper right corner. Step 2: Go to Settings and search for Fonts. Step 3: Select Customize Fonts menu. Step 4: You can check font size and select different font styles from the same menu.

Why are my browser fonts messed?

This can happen due to DPI scaling level or screen resolution issues. Users reported that sometimes their web browsers change the fonts that they use. Know that manually changing the Windows fonts can solve this annoying issue.

Why do fonts render differently in different browsers?

If you notice that your text fonts look different on different browsers, it is because different browsers and devices use different rendering engines, and therefore may result in minor differences. Sometimes these minor differences can have a domino effect.


2 Answers

I encountered a similar problem last night when I updated my Chromium-based Browser (Vivaldi). Text, especially certain colors or text against certain backgrounds, looked horrible. It looked jagged, unnatural or sometimes blurry. Luckily, I've rectified the issue:

  • Type chrome://flags in the url bar and hit enter.
  • Enable DirectWrite if you still have it disabled.
  • Scroll down to LCD text antialiasing and select Enabled.
  • Relaunch the browser.

Text should now appear crisp and smooth.

like image 89
Alcolawl Avatar answered Oct 04 '22 12:10

Alcolawl


If by chance you're using Chrome/Firefox on Windows 10, I found the fix!

Control panel > Fonts > Adjust Clear Type

Follow the instructions and bam! All fonts on all browsers are clear and no longer jagged or blurry. :-)

like image 37
Vic B Avatar answered Oct 04 '22 11:10

Vic B