Changing the font of Japanese texts

[Ashitaka1]

For anyone interested, this Tampermonkey script forces Japanese text to use a specific font across all Bunpro pages. I had some trouble getting it to recognize a font already installed on my PC (HGSKyokashotai), but it seems to work well with Google Fonts. I’m sharing two presets, but there are more fonts you can try browsing Google Fonts.

Option #1: Klee One Font

// ==UserScript==
// @name         Bunpro Klee One Font
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Forces Japanese text to Klee One across all Bunpro pages.
// @match        https://*.bunpro.jp/*
// @match        https://bunpro.jp/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // 1. Inject Google Font stylesheet safely
    const link = document.createElement('link');
    link.href = 'https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap';
    link.rel = 'stylesheet';
    document.head.appendChild(link);

    // 2. Apply universal font fallback hierarchy
    GM_addStyle(`
        :root {
            --font-japanese: "Klee One", sans-serif !important;
            --japanese-font: "Klee One", sans-serif !important;
        }

        :not(i):not([class*="fa"]):not([class*="icon"]) {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Klee One", sans-serif !important;
        }
    `);
})();

Option #2: BIZ UDMincho

// ==UserScript==
// @name         Bunpro BIZ UDMincho Font
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Forces Japanese text to BIZ UDMincho across all Bunpro pages.
// @match        https://*.bunpro.jp/*
// @match        https://bunpro.jp/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // 1. Inject Google Font stylesheet safely
    const link = document.createElement('link');
    link.href = 'https://fonts.googleapis.com/css2?family=BIZ+UDMincho&display=swap';
    link.rel = 'stylesheet';
    document.head.appendChild(link);

    // 2. Apply universal font fallback hierarchy
    GM_addStyle(`
        :root {
            --font-japanese: "BIZ UDMincho", sans-serif !important;
            --japanese-font: "BIZ UDMincho", sans-serif !important;
        }

        :not(i):not([class*="fa"]):not([class*="icon"]) {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "BIZ UDMincho", sans-serif !important;
        }
    `);
})();