明朝体記法
code:style.css
.deco-\+.deco-\! {
/* font-family: serif; */
font-family: var(--serif, ""), serif, var(--icons, AppIcons);
font-size-adjust: var(--serif-font-size-adjust, unset);
}
明朝体で表記されます
フリーの明朝体フォントを入れてないとMS明朝なのであまり綺麗じゃない?
游明朝にしたらええんちゃうSummer498.icon
ブラウザの標準明朝体フォントの設定が使用されるbsahd.icon
BIZ UD明朝がええんちゃう?Nrem.icon
デバイス標準の明朝体は正直物凄く気持ち悪い。生理的不快感が強い #ディスレクシア傾向
あと Android Chrome などのモバイルブラウザはデフォルトフォントを変更できない
使えないと思ったら明朝体の設定にゴシック体のフォント名が入ってたbsahd.icon
https://gyazo.com/8db581a3582499f91604eff201f9451b
Usercss.icon
2026-07-08 font-family:にFontAwesomeをScrapbox全体で有効にする(変数--icons:)を追加しましたNrem.icon
2026-07-08 変数--serif:及び変数--serif-font-size-adjustを導入しましたNrem.icon
UserCSSのサンプル
project名を明朝体にするを参照のこと
code:example.css
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho&display=swap');
body {
--serif: "Zilla Slab", "Roboto Serif", "Roboto Slab", "Comic Sans MS", "BIZ UD明朝", "BIZ UDMincho", "BIZ UDP明朝", "BIZ UDPMincho", "Yu Mincho Medium", sans-serif;
--serif-font-size-adjust: 0.51;
}