オルタネイトボタン

https://gyazo.com/e2f28f5cb0668ae367967981e7fd78e4

オルタネイトボタンをページメニューに追加して、使用するフォントの明朝体とゴシック体を切り替えます。

好みの問題なんだけど・・・

オンラインドキュメントとして読むときは、ゴシックじゃなきゃゼッタイ嫌！

でも、簡易印刷して提出する文書（Scrapboxでサクッと済ませたい）のときは明朝が使いたい！

印刷を想定しているので、明朝のときはページ背景色も白にしています。

code:style.css

:root {

/* 変数定義 デフォルト設定 */

--My-font-MG-switch: 'Takao pゴシック';

}

.editor, .stream, .line .section-0 {

font-family: var(--My-font-MG-switch), sans-serif;

}

.page {

background-color: var(--MY-page-base-color);

}

code:script.js

// オルタネイトボタン

var clickAlternateBT = 0;

// UserScript でボタンを追加する

scrapbox.PageMenu.addMenu({

title: 'NewButton',

onClick: () => {

if (clickAlternateBT === 0) {

clickAlternateBT = 1;

document.documentElement.style.setProperty("--MY-page-base-color", "#FFFFFF");

document.documentElement.style.setProperty("--My-font-MG-switch", "'Takao p明朝'");

}

else {

clickAlternateBT = 0;

document.documentElement.style.setProperty("--MY-page-base-color", "#F0FFFF");

document.documentElement.style.setProperty("--My-font-MG-switch", "'Takao pゴシック'");

}

},

});

こちらを参考にさせていただきました。

UserCSS.icon

UserScript.icon