[Fix] Blurry Text and Font Display Problems in Google Chrome

Many times Google Chrome users face weird text and fonts display problems. The text looks blurry, fuzzy or zoomed in on websites and in browser UI such as menubar, toolbars, etc. Also users face various font related issues such as very hard to read fonts, text not displaying correctly on websites and sometimes the fonts look pixelated and very bad. Most of the times these fonts and text related issues occur on Windows operating system.

Blurry_Text_Fonts_Issue_Google_Chrome.png

I have received many reports from readers that these issues occur mostly in Windows 10 operating system.

Advertisement

If you also face blurry text and fonts display issues in Google Chrome, the methods given in this article will help you in fixing the issue and making the text sharper and readable on your computer screen:

METHOD 1: Reset DPI Scaling to 100% in Windows

If you are using a custom DPI scaling such as 125%, 150%, etc in your computer, it may cause blurry text issues in many programs. Resetting scaling to 100% solves these text and fonts issues.

You can reset DPI scaling using display settings. Check out following article to learn how to reset DPI scaling and fix blurry fonts issues in Windows operating system:

[DPI Scaling Fix] Bold, Blurry or Hard to Read Font Problem in Windows

Change_Advanced_Scaling_Settings_Windows_10.png

Once you restore DPI scaling to 100% in Windows, it should solve the blurry text issue in Google Chrome.

METHOD 2: Disable Hardware Acceleration Feature in Google Chrome

Many times hardware acceleration feature may also cause weird text and fonts issues in web browsers. Turning off hardware acceleration sometimes fixes the issue.

Advertisement

Check out following tutorial to learn how to disable hardware acceleration feature in Google Chrome:

How to Disable Hardware Acceleration Feature in Google Chrome

Disable_Hardware_Acceleration_Google_Chrome.png

After disabling hardware acceleration, restart Google Chrome and you should no longer face text and fonts display issues.

METHOD 3: Launch Google Chrome With Extra Parameters

If above mentioned solutions don’t fix the issue, try following:

1. Right-click on Google Chrome’s shortcut and select Properties.

2. Now add following text entry at the end of the string present in Target text box:

/high-dpi-support=1 /force-device-scale-factor=1

Remember there must be a blank space between existing string and the appended string.

Fix_Blurry_Text_Fonts_Display_Issue_Google_Chrome.png

3. Click on Apply button and now launch Google Chrome using this shortcut.

Now you should not face any text or fonts display issue in Google Chrome.

METHOD 4: Restore Classic UI and Theme

The text and fonts display issue might be caused by the new Material Design Refresh UI introduced in newer versions of Google Chrome. Restoring classic theme and UI can fix the issue.

You can check out following tutorial to learn how to restore classic theme and UI in Chrome:

[Tip] How to Restore Classic Theme and UI in Google Chrome

Restore_Classic_Theme_UI_Google_Chrome.png

Once you enable the classic UI in Chrome, it should fix the blurry text issue.

METHOD 5: Only for Windows 10 Users

If you are using Windows 10, you can enable Windows 10 built-in feature to automatically fix blurry apps problem. Windows 10 comes with this useful feature to fix blurry programs automatically.

Check out following article to learn how to enable this feature in Windows 10:

Let Windows 10 Automatically Fix Blurry Apps Problem

Fix_Blurry_Apps_Windows_10.png

METHOD 6: Reset Google Chrome to Default Factory Settings

If everything fails, you can try to reset Chrome to factory settings. Resetting Chrome will clear browsing data such as cache, cookies, etc. But it should fix the text and fonts display issues.

Following article will help you in resetting Chrome settings to default:

[Tip] How to Reset / Restore Your Web Browser Settings to Default Factory State

Reset_Google_Chrome_Settings_Default_Factory_State.png

METHOD 7: Disable Smooth Edges of Screen Fonts

Sometimes disabling smooth fonts option in Windows can also help in fixing text and fonts issues in Google Chrome or other programs.

To disable smooth fonts, follow these steps:

1. Press Win+R keys together to launch RUN dialog box. Now type sysdm.cpl and press Enter. It’ll open classic System Properties window.

2. Now go to Advanced tab and click on Settings button present under Performance section.

3. It’ll open another window. Now uncheck following option:

Smooth edges of screen fonts

4. Apply the changes and close settings window.

METHOD 8: Customize ClearType Text Settings

It might be also possible that ClearType text settings are corrupted or incorrect in your computer which is causing text display issues in Google Chrome.

You can adjust ClearType text settings according to your requirements using built-in ClearType Text Tuner tool in Windows.

Following article will help you in using the text tuner tool to make the text on your screen easier to read:

[Guide] How to Use Built-in ClearType Text Tuner in Windows?

If you also know about any other working solution to fix text and fonts display issues in Google Chrome, feel free to share it in your comment.

Also Check:

[Tip] Having Problems with Your Web Browser? Disable Hardware Acceleration Feature

Published in: Google Chrome, Troubleshooting Guides

About the author: Vishal Gupta (also known as VG) has been awarded with Microsoft MVP (Most Valuable Professional) award. He holds Masters degree in Computer Applications (MCA). He has written several tech articles for popular newspapers and magazines and has also appeared in tech shows on various TV channels.

Comments

NOTE: Older comments have been removed to reduce database overhead.

  1. Blurry text was driving me nuts; however, method two saved me! Thanks so much!

  2. Download and re-install Roboto font family.
    fonts.google.com/specimen/Roboto?selection.family=Roboto

    I found I had this issue with illegible small font in Chrome system settings and on YouTube.
    After downloading and installing all the Roboto fonts everything was crisp again.

  3. Try this in your css

    .myfont{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

  4. Reset DPI Scaling to 100% solved everything. Chromes pixelated text has annoyed me for ages – finally the text is uniform and clear. My eyes thank you

  5. Method 7 worked for me, thank you so much for writing this article.

    I must say that it took a lot of work to describe the problem and to get to this article.

  6. appreciate much your hard work updating helpful information. Method #2 made my day, now I can browse clearly. Thank you so much.

  7. Thank you so much for the post….it was driving me nuts!! However , second method have cleared the issue

  8. Thank you, its working. I’m using the 2nd method “METHOD 2: Disable Hardware Acceleration Feature in Google Chrome” did fixed the font.

  9. thank you, method 3 works for me to solve the Chinese font appearance problem in Google Chrome

  10. To further increase the readability of texts, I’m using a free extension named “Chrome Font Super Enhancer”. It works very well!

Leave a Comment

Your email address will not be published. Required fields are marked *

NOTE: Your comment may not appear immediately. It'll become visible once we approve it.