Niconico Comment Font Force

Force niconico comments to use custom font + weight/style

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

// ==UserScript==
// @name         Niconico Comment Font Force
// @namespace    http://tampermonkey.net/
// @version      1.4
// @description  Force niconico comments to use custom font + weight/style
// @match        https://*.nicovideo.jp/*
// @match        https://*.nicochannel.jp/*
// @run-at       document-start
// @license MIT
// ==/UserScript==

(function() {
    "use strict";

    /* -------------------------
     *  ★ ユーザー設定 ここから
     * ------------------------- */

    // フォント名(複数候補OK)
    const FONT_FAMILY = `HiramaruAA, "HiraMaruProN-W4", "Hiragino Maru Gothic ProN", sans-serif`;

    // フォントサイズの倍率(1.0 = 元の大きさ)
    const FONT_SIZE_SCALE = 1.0;

    // フォントの色(CSS 色指定)
    const FONT_COLOR = "#ffffff";

    // ▼追加:文字の太さ・スタイル
    const FONT_WEIGHT = "normal"; // normal | bold
    const FONT_STYLE = "normal"; // normal | italic

    /* -------------------------
     *  ★ ユーザー設定 ここまで
     * ------------------------- */


    /* ============================================================
       Canvas の font を書き換える
       ============================================================ */

    const fontDesc = Object.getOwnPropertyDescriptor(CanvasRenderingContext2D.prototype, "font");
    if (!fontDesc) return;

    Object.defineProperty(CanvasRenderingContext2D.prototype, "font", {
        set(value) {

            // --- 元のサイズを取得 ---
            const sizeMatch = value.match(/(\d+(\.\d+)?)px/i);
            const origSize = sizeMatch ? parseFloat(sizeMatch[1]) : 20;
            const newSize = (origSize * FONT_SIZE_SCALE) + "px";

            // ---- 元の font を構造解析 ----
            // "italic bold 24px sans-serif" → ["italic", "bold"]
            const hasBold = /\bbold\b/i.test(value);
            const hasItalic = /\bitalic\b/i.test(value);

            // ---- スタイル構築 ----
            const finalStyle = FONT_STYLE;
            const finalWeight = FONT_WEIGHT;

            // ---- 最終フォント ----
            const forcedFont =
                `${finalStyle} ${finalWeight} ${newSize} ${FONT_FAMILY}`;

            fontDesc.set.call(this, forcedFont);
        },
        get: fontDesc.get
    });


    /* ============================================================
       fillStyle (色) を固定する
       ============================================================ */

    const fillStyleDesc = Object.getOwnPropertyDescriptor(CanvasRenderingContext2D.prototype, "fillStyle");
    if (fillStyleDesc) {
        Object.defineProperty(CanvasRenderingContext2D.prototype, "fillStyle", {
            set(value) {
                fillStyleDesc.set.call(this, FONT_COLOR);
            },
            get: fillStyleDesc.get
        });
    }

})();