{"id":135,"date":"2019-01-17T09:53:36","date_gmt":"2019-01-17T13:53:36","guid":{"rendered":"http:\/\/notebook.chaopricha.com\/?p=135"},"modified":"2019-01-17T10:03:23","modified_gmt":"2019-01-17T14:03:23","slug":"fixing-ugly-looking-texts-on-chrome-web-browser","status":"publish","type":"post","link":"https:\/\/notebook.chaopricha.com\/?p=135","title":{"rendered":"Fixing Ugly Looking Texts on Chrome Web Browser"},"content":{"rendered":"\n<p>I have noticed in the recent weeks how pixelated all the texts in my Chrome Browser look. Take a look at Monoprice web page and see how all the texts are pixelated.  Compare it to the same page rendered on *gasp* Internet Explorer (not Edge Explorer).  <\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Ugly-Texts-on-Monoprice.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"http:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Ugly-Texts-on-Monoprice-1024x571.png\" alt=\"\" class=\"wp-image-136\" srcset=\"https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Ugly-Texts-on-Monoprice-1024x571.png 1024w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Ugly-Texts-on-Monoprice-300x167.png 300w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Ugly-Texts-on-Monoprice-768x428.png 768w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Ugly-Texts-on-Monoprice-500x279.png 500w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Ugly-Texts-on-Monoprice.png 1258w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Texts are all pixelated on Google Chrome on this page<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Monprice-on-Internet-Explorer.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"http:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Monprice-on-Internet-Explorer-1024x579.png\" alt=\"\" class=\"wp-image-137\" srcset=\"https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Monprice-on-Internet-Explorer-1024x579.png 1024w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Monprice-on-Internet-Explorer-300x170.png 300w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Monprice-on-Internet-Explorer-768x435.png 768w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Monprice-on-Internet-Explorer-500x283.png 500w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/Monprice-on-Internet-Explorer.png 1262w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Texts are nice and smooth on IE<\/figcaption><\/figure>\n\n\n\n<p>So why does it do this?  I don&#8217;t know so I started looking for answers online.  I went to several tech forums and posts and many suggested tweaking the settings on Chrome like font anti-aliasing.  Noting worked for me until I stumbled upon a comment posted in one of those forums.  I can&#8217;t remember where I found it now or I would give the author the credit he\/she deserves.<\/p>\n\n\n\n<p>To fix the problem I have, I go to:<\/p>\n\n\n\n<p><code>chrome:\/\/flags<\/code>  <\/p>\n\n\n\n<p>A warning that this is a settings page that Google doesn&#8217;t really want you to mess with unless you know what you are doing.  So you probably don&#8217;t want to randomly set things.  We are just going to just change the option &#8220;LCD text antialiasing&#8221;.  You could search for it on the page by using Ctrl+F or Command + F on Mac.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"http:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/chrome-flags.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"795\" src=\"http:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/chrome-flags-1024x795.png\" alt=\"\" class=\"wp-image-138\" srcset=\"https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/chrome-flags-1024x795.png 1024w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/chrome-flags-300x233.png 300w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/chrome-flags-768x596.png 768w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/chrome-flags-386x300.png 386w, https:\/\/notebook.chaopricha.com\/wp-content\/uploads\/2019\/01\/chrome-flags.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>On my Chrome, it&#8217;s set to &#8220;Enabled&#8221; so I&#8217;m just going to set it to &#8220;Disabled&#8221;.  On a different computer, I see it as &#8220;Disabled&#8221; so I set it to &#8220;Enabled&#8221;.  Basically just toggle the state of that option from whatever you have now to get rid of the text aliasing issue.  You could also try setting it to &#8220;Default&#8221;.  If that doesn&#8217;t work, you can come back to this page again and set to a different state that works for you.<\/p>\n\n\n\n<p>Chrome will re-launch.  If you have nice looking and pixelation free texts again, you are all set!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I have noticed in the recent weeks how pixelated all the texts in my Chrome Browser look. Take a look at Monoprice web page and see how all the texts are pixelated. Compare it to the same page rendered on &hellip; <a href=\"https:\/\/notebook.chaopricha.com\/?p=135\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=\/wp\/v2\/posts\/135"}],"collection":[{"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=135"}],"version-history":[{"count":6,"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions"}],"predecessor-version":[{"id":147,"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=\/wp\/v2\/posts\/135\/revisions\/147"}],"wp:attachment":[{"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notebook.chaopricha.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}