Jekyll Chirpyでフォントを指定する

スタイルシートのカスタマイズ

フォントはあまり気にしていなかったが、ヒラギノやメイリオを指定したサイトが読みやすかったので指定することにした。ただサイトの軽さも重要なため、システムフォントから選ぶようにする。

Chirpy公式ドキュメントのカスタマイズ方法に従う。

• Customizing the Stylesheet

assets/css/jekyll-theme-chirpy.scss;

---
---

/* prettier-ignore */
@use 'main.bundle';

/* append your custom style below */

$font-system-jp: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro',
  'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;

body {
  font-family: $font-system-jp;
}