Jekyll minimal-mistakes フォント変更手順

フォントを変更しようとした動機

私はあまり、フォントには興味はありませんでした。
学校や会社で教えてもらった目標の立て方に疑問を感じていました。

目標設定について思索にふけっていて、“美しさ"という感覚にたどり着きました。
これも階段の踊り場、もしくは道上にある道しるべの一つだと感じています。

自分の知っている手段や術に美しさはあったかな？
なんかムズムズしたものを感じた時、minimal mistakesテーマのフォントにカクカクしたものを感じました。

書籍一億総ツッコミ時代著・槙田雄司出版・星海社新書
これを読んで、私の書いている言葉もツッコミ過多になっていないかな？
とも感じました。

私が話す言葉は、丸いかな？
書籍読書についてショーペン・ハウアー光文社古典新訳文庫
これを読んで、岩波文庫版とは違う訳し方、丸みがあるのはそれはそれで面白いなぁ。

やっぱり、正しさと言う観点から見ると格調高い役の方がかっこいい。
ただ、どちらも違う美しさでどちらもいいなぁ。
二つとも同じ本を訳してあるのにどちらも美しい。

手書きで言葉をノートに置いているときは、その時々の気持ちによって文字の大きさも、丸み、雑さもバラバラ。
キーボードで言葉を置いていると、フォントによってどれも同じ書体になる。

こうして、言葉を置いている時のフォントにも無意識で書いている私が影響を受けているのでは？
そう思い、使っているエディタのatomのフォントも丸みのあるものに変更しました。

そしてminimal mistakesのフォントも変更すれば、私の話し言葉がそんなカクカクしたものでなく、少しはボケに近い、丸い、楽しい感じに表現できたらなって思って、変更しました。

前提

静的サイトジェネレータ Jekyllを使っていて、テーマ minimal-mistakesのフォントを変更したい時に参照してほしいドキュメントです。

手順

minimal mistakesの解説ドキュメント Quick-Start Guideの右上の検索ダイアログから、“fonts"で検索しました。

minimal mistakesの設定を変更したいなら、このドキュメントから毎回探してます。
丁寧に編集されている、テーマ作者の心遣いに感謝してます。

Font stacksここを参考にしました。
丸いフォントを探しました。

2で紹介したFont Stacks のページにgoogle fontsのフォントが使えるよって書いてあったので、それに甘えてgoogle fontsから探しました。
M PLUS Rounded 1c これのMediumにしました！（ステーキの焼き加減みたい）
Google Fonts + 日本語ここの一覧から出会いました。
サルワカ【2019年版】Google Fontsの使い方：初心者向けに解説！フォントの細かい指定は、サルワカさんの解説がとてもわかりやすかったので、是非こちらを参考にしてください。

minimal-mistakesの設定を変更します。

2にもあるように、二つのファイルを編集するだけです。

_includes/head/custom.html に以下を追記しました。

1
2
3


<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:500" rel="stylesheet">
<!-- google font -->

_sass/minimal-mistakes/_variables.scssを編集。
$sans-serif:の行に"M PLUS Rounded 1c",を追記しました。

1
2
3
4
5


/* system typefaces */
$serif: Georgia, Times, serif !default;
$sans-serif: "M PLUS Rounded 1c", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI",
  "Helvetica Neue", "Lucida Grande", Arial, sans-serif !default;
$monospace: Monaco, Consolas, "Lucida Console", monospace !default;

いつも通りに、ターミナルにてbundle exec jekyll serve を実行
確認して完了

テーマのアップグレードに関して

05-minimal-mistakes-updateを参照。
今回_sass内のファイルを編集した。
今後テーマを最新にアップグレードしようとする時には注意が必要。
具体的には、編集したファイルと同盟のファイルの更新差分を上書きする必要がある。