Force chrome to use my preferred font over the author's

I'm pretty comfortable with a chrome extension called "Read Mode" very readable. A drawback is improper display of quoted text. So I'm sticking with it till I find a better alternative.

Edit: Find out another one, it is a JavaScript bookmarklet, put the following line in the location bar(where you put website adresses like www.site.com) and hit ENTER :

    javascript:Array.prototype.forEach.call(document.getElementsByTagName("*"),
function(e){e.style.fontFamily ="Source Sans Pro"})

Replace Source Sans Pro with your preferred font.

If you don't want to type this every time, bookmark it and click on it whenever you try to change the font.

Improved upon the accepted answer by creating a TamperMonkey script so that it applies to all websites by default:

// ==UserScript==
// @name         Force font
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Sets the font on all websites to Consolas
// @author       You
// @match        *://*/*
// @icon         https://e7.pngegg.com/pngimages/656/766/png-clipart-computer-terminal-computer-icons-bash-others-miscellaneous-angle.png
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    Array.prototype.forEach.call(document.getElementsByTagName("*"), function(e){e.style.fontFamily ="Consolas"})
})();

I use Force Font. It doesn't completely work for a lot of Google websites, but it's worth a try as it works for all the other sites I use.

An TamperMonkey variant with fixed width font for 'pre' and 'code' tags while the rest gets a proportional font

// ==UserScript==
// @name         Force font
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Sets the font on all websites to Consolas
// @author       You
// @match        *://*/*
// @icon         https://e7.pngegg.com/pngimages/656/766/png-clipart-computer-terminal-computer-icons-bash-others-miscellaneous-angle.png
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    Array.prototype.forEach.call(
        document.getElementsByTagName("*"),
        function(e){
            if (e.parentNode && (e.parentNode.tagName === "PRE" || 
                                 e.parentNode.tagName === "CODE")) {
                return
            }
            if (e.tagName === "PRE" || e.tagName === "CODE") {
                e.style.fontFamily = 'Go Mono'
            } else {
                e.style.fontFamily = 'Go Medium'
            }
        })
})();