Cosense::表示フォントを変える
#2025/4/18
参照：Scrapboxのフォントを変更する - 角谷鵜技術五十三次
参照： Google Fonts
Google Fontを使う
ローカルPCに使いたいフォントをインストール
style.css にGooogle Fontをインポートし，フォント名を記述
◎例：落ち着いた明朝: Zen Old Mincho
Zen Old Mincho( GoogleFonts )
settingsノートに以下を記述してリロード
code:style.css
/* Font指定 */
@import url('https://fonts.googleapis.com/css?family=Zen+Old+Mincho');
.editor, .stream {
font-family: 'Zen Old Minchso',serif;
}
◎例：New Tegomin が迫力があってGoodだったので採用．作成者様多謝．
New Tegomin - Google Fonts
https://gyazo.com/90a78345e7d1dac375d128ba5acb4cf3
西洋フォントは古びた印象の Averia Serif Libre を採用．
New Tegomin - Google Fonts
https://gyazo.com/c49d23733363df4c210ac30cd7ba82f2
code:style.css
/* Font指定 */
@import url('https://fonts.googleapis.com/css?family=New+Tegomin');
.editor, .stream {
font-family: 'New Tegomin', Averia Serif Libre;
}
◆指定部分だけフォント変更したい
cssで装飾拡張を定義する．
code:style.css
/* 例：$で囲んだ部分のフォントを明朝体に、_ で囲んだ部分をゴシック（太字）にする */
.deco-$ {
font-family: 'Zen Old Mincho',serif;
}
.deco-_ {
font-family: "Noto Sans JP", sans-serif;
font-weight: bold;
}
使い方：
[$ 明朝文字列]
[_ サンセリフ文字列]
#font #cosense #css