Font Substitution v3

Substitutes arbitrary fonts on webpages

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name           Font Substitution v3
// @description    Substitutes arbitrary fonts on webpages
// @author         Alan Davies
// @copyright      2015, Alan Davies
// @version        3.0.2
// @date           2015-08-26
// @namespace      FontSub3
// @include        *
// @grant          GM_addStyle
// @run-at         document-start
// ==/UserScript==

var globalDebug = false;

if (globalDebug) console.log("Font substitution start");

var fontMap = new Map([
	[ "arial",			"Verdana" ],
	[ "helvetica",		"Verdana" ],
	[ "courier",		"Consolas" ],
	[ "courier new",	"Consolas" ]
]);

var weights = [ "normal" , "bold" ];
var styles = [ "normal" , "italic" ];

function Capitalize(string)
{
	return string.charAt(0).toUpperCase() + string.slice(1);
}

function OverrideFontFaces()
{
	for (let fontSub of fontMap)
	{
		for (w = 0; w < weights.length; ++w)
		{
			let weight = weights[w];

			for (s = 0; s < styles.length; ++s)
			{
				let style = styles[s];
			
				let replacementFont = fontSub[1];
				if (weight != "normal")
					replacementFont = replacementFont + " " + Capitalize(weight);

				if (style != "normal")
					replacementFont = replacementFont + " " + Capitalize(style);

				let css =
					"@font-face {" +
						"font-family: \'" + fontSub[0] + "\'; " +
						"src: local(\'" + replacementFont + "\'); " +
						"font-weight: " + weight + "; " +
						"font-style: " + style + "; " +
					"}";

				if (globalDebug) console.log("Adding CSS: " + css);

				GM_addStyle(css);
			}
		}
	}
}

var done = false;

// create an observer instance
var observer = new MutationObserver(function(mutations) {
	if (globalDebug) console.log("Mutation event");
	
	// Add the font face overrides once we have a body element
	if (!done && (null != document.body))
	{
		observer.disconnect();
		OverrideFontFaces();
		done = true;
	}
});

observer.observe(document, { childList: true, attributes: false, characterData: false, subtree: true });