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 three presets for the fonts I’ve tried so far. As a fellow font lover, please let me know if you guys have any good font suggestions.
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: Zen Kurenaido Font
// ==UserScript==
// @name Bunpro Zen Kurenaido Font
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Forces Japanese text to Zen Kurenaido 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=Zen+Kurenaido&display=swap';
link.rel = 'stylesheet';
document.head.appendChild(link);
// 2. Apply universal font fallback hierarchy
GM_addStyle(`
:root {
--font-japanese: "Zen Kurenaido", sans-serif !important;
--japanese-font: "Zen Kurenaido", sans-serif !important;
}
:not(i):not([class*="fa"]):not([class*="icon"]) {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Zen Kurenaido", sans-serif !important;
}
`);
})();
Option #3: Yuji Syuku Font
// ==UserScript==
// @name Bunpro Yuji Syuku Font
// @namespace http://tampermonkey.net/
// @version 1.0
// @description Forces Japanese text to a brush font across all Bunpro pages via font fallback.
// @match https://*.bunpro.jp/*
// @match https://bunpro.jp/*
// @grant GM_addStyle
// ==/UserScript==
(function() {
'use strict';
// 1. Inject Google Font stylesheet safely into the document head
const link = document.createElement('link');
link.href = 'https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap';
link.rel = 'stylesheet';
document.head.appendChild(link);
// 2. Apply universal font fallback hierarchy
GM_addStyle(`
/* Override primary CSS variables if utilized by Bunpro components */
:root {
--font-japanese: "Yuji Syuku", "KouzanBrush", "HGGyoshotai", serif !important;
--japanese-font: "Yuji Syuku", "KouzanBrush", "HGGyoshotai", serif !important;
}
/*
* Cascade logic:
* English text uses the system fonts (-apple-system, Roboto, etc.).
* Japanese characters cascade down to "Yuji Syuku".
* <i> tags and common icon classes are excluded to prevent icon rendering failures.
*/
:not(i):not([class*="fa"]):not([class*="icon"]) {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Yuji Syuku", "KouzanBrush", "HGGyoshotai", sans-serif !important;
}
`);
})();