Opera Font Rendering improves text in Opera and Google Chrome - gHacks Tech News

Opera Font Rendering improves text in Opera and Google Chrome

Depending on which web browser you use, which operating system you run, and which video card your computer uses, font rendering may either be totally awesome, quite ok, or not tolerable.

There are numerous fixes for font rendering issues, some work, some don't, and companies too have released patches and updates in order to improve the text quality of their products.

Microsoft did update core system fonts back in 2011 for example, and Mozilla too updated Firefox some time ago to fix rendering issues in the browser.

While those may have improved the text quality for some users, others are still reporting that font rendering is broken in the browser they are using.

The Opera extension Opera Font Rendering by thunder13 aims to change that for the browser and for Google Chrome.

Since Opera moved to Chromium as its core, most extensions that work in the client do also work in Google Chrome, and vice verse.

The extension works automatic once installed. According to its developer, it brings darker and clearer text to almost every page that is loaded in the web browser.

From a technical point of view, it seems to apply anti-aliasing using CSS to the text that is displayed. Here are two screenshots that visualize how text is rendered in the Opera browser without and with the extension.

Default text rendering in Opera

text-rendering-without

Same rendering with extension installed

text-rendering-with

The text looks a bit sharper and crisper on the lower screenshot if you ask me. While I'm no font expert, it seems to have the desired effect.

If you want to install the extension in the Google Chrome browser, you need to do the following:

  1. Right-click on the Add to Opera button and select save link as to download the extension to the local system.
  2. Rename the .nex file extension to Chrome's .crx format.
  3. Open chrome://extensions in Google's browser and drag and drop the renamed extension file to it.
  4. Follow the installation instructions.

Note: If you are running Chrome Stable or Beta on Windows, you cannot install the extension this way as Google has blocked the option to do so in those versions for Windows.

One option that you have is to extract the extension on your local system using a program like 7-Zip, enable developer mode on the chrome://extensions page, and select the "load unpacked extensions" options to load the unpacked folder instead.

Here are the results in the Chrome browser.

Without extension installed

chrome-without

With the extension installed

chrome-with

Please note that results may and probably will vary on your system.

Still, if you thing Chrome's or Opera's font rendering could be crisper, try the extension and see if it improves the text quality in your web browser of choice.

We need your help

Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.

If you like our content, and would like to help, please consider making a contribution:

Comments

  1. GK said on March 4, 2014 at 7:10 pm
    Reply

    IMHO IE10/11’s rendering is the best although some find it blurry.

  2. Kpit said on March 4, 2014 at 7:22 pm
    Reply

    I’m running google chrome portable (downloaded from portablepps.com). The extension seems to be OK in windows 7. I installed it just by renaming the extension without having to use programs like 7-zip.

  3. ilev said on March 4, 2014 at 8:12 pm
    Reply

    deleted

  4. Vux777 said on March 4, 2014 at 8:26 pm
    Reply

    The best way to observe differences is to add second image as layer on first one and correct position (they are not the same size).
    Then play with transparency of top layer.
    With extension, letters are mildly darker and sharper.

  5. Swapnil said on March 5, 2014 at 11:52 am
    Reply

    I never understood font rendering, crisper fonts etc. To me, I can read those two paragraphs in your images conveniently and it’s extremely difficult to make out the differences (until I look so carefully just for the purpose of finding differences, which I suppose nobody would do as the usual aim is to read the text) on reading, leave alone finding which one is better.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

Please note that your comment may not appear immediately after you post it.