Replace Monospace Font Family With Brower Default Font

Replace Monospace Font Family With Brower Default Font In All Webpage

2023-10-25 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Replace Monospace Font Family With Brower Default Font
// @namespace    https://github.com/yahweh042
// @version      1
// @description  Replace Monospace Font Family With Brower Default Font In All Webpage
// @author       Merlin Hsu
// @match        *://*/*
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function () {
  "use strict";

  // add tag css
  const css = `code, pre { font-family: monospace !important; }`
  GM_addStyle(css)

  const pattern = new RegExp("(monospace|SourceCodeProMac)");
  const monospaceFont = "monospace";
  const observer = new MutationObserver(() => {
    // console.log("Replace Font Family Begin")
    const elements = document.querySelectorAll("*");
    // console.log(`elements length = ${elements.length}`)
    for (const element of elements) {
      let style = window.getComputedStyle(element);
      let fontFamily = style.getPropertyValue("font-family");
      if (fontFamily === monospaceFont) {
          continue;
      }
      if (pattern.test(fontFamily)) {
        element.style.fontFamily = monospaceFont;
      }
      let font = style.getPropertyValue("font");
      if (pattern.test(font) !== -1) {
        element.style.font = monospaceFont;
      }
    }
  });
  const body = document.body;
  observer.observe(body, {
    childList: true,
    subtree: true,
  });
})();