Scrapboxのエディタなどのフォントを変更するためのUserScript
自分のprojectで何かを考えているとき、ゴシック体だと気分が乗らない時があって、明朝体にするためのメニューを作りたくなったので、UserScriptを書いた。mgn901.icon 普段レポートの本文はWord上で明朝体に指定して書いているので、長い文章を考えるときは明朝体にしたほうがノりやすいのではないだろうか？
少しわかりますsta.icon
code:script.js
// valueにfont-familyに設定したい値を入れる。
const changeFont = (value) => {
let styleEl = document.getElementById('changeFont-style');
if (styleEl === null) {
styleEl = document.createElement('style');
const dc = document.getElementById('dedicated-container');
styleEl.id = 'changeFont-style';
dc.appendChild(styleEl);
}
styleEl.textContent = .editor, .grid li, .list li.page-list-item, .stream {font-family: ${value}};
}
scrapbox.PageMenu.addMenu({
title: 'Change Font',
onClick: () => {},
});
scrapbox.PageMenu('Change Font').addItem({
title: 'Sans serif',
onClick: () => {changeFont('"Inter", "Roboto", "源ノ角ゴシック JP", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif')},
});
scrapbox.PageMenu('Change Font').addItem({
title: 'Serif',
onClick: () => {changeFont('"源ノ明朝 JP", "Noto Serif JP", serif')},
});
changeFont関数のvalueのsanitizeをしていない辺りが行儀悪いが「自分だけで使う分には……」ということで放置してしまっている。mgn901.icon
UserScript.icon