強い気持ちで font-family: serif;(v2.0.0)
解像度によって文字サイズを変えるのが嫌になり、デフォルト文字サイズを使うことに粋を感じ始めたので書き換えた。気持ちを表明するためにも明示的に font-size: revert;
しといた。文字が小さい? 拡大しろ。
今となっては、なぜあんなに文字サイズを大きくしたかったのか全く理解できない。
また、合わせて書体の指定を font-family: serif;
とした。まぁなんか読みやすさとか置いといて、少し神経質な印象にしたかっただけ。たとえ Google Fonts の unicode-range によるサブセットが優秀だったとしても、閲覧者の回線を使って書体を取得する行為にモヤモヤしていたのですっきりした。閲覧者には書体選択の自由がある。
ちなみに私のモバイル回線は 300MB しか契約していない。早くインターネットを頭に流し込んで解約したい。
このサイトのタイポグラフィは、このデフォルト文字サイズと serif
を土台にしていくので、余白もこのデフォルト文字サイズを基準とした。とはいえ 1rem
の 4 分の 1 を基準にするのもつまらないし、なんらかの数列を持ってきてもしっくりこなかったので、最終的にはマジックナンバーの 7 とフィボナッチ数もどきを掛けて ((1rem / 4) * 7 * [0.5, 1, 2, 3, 5])
とし気持ちを落ち着かせた。
あと Tailwind CSS を消した。ちゃんと運用していなかった(というか設計する気がなかった)ので全く活かせず、メモ帳で HTML 書いてたころを思い出しながら裸の CSS を書いていくことに決めた。
色は紺 #223a70
を基準になんとなく選んだ。背景色と主要な文字色、リンク色くらいはコ比をパスするようにした。これだなー! という装飾や色を決めたい気持ちもあるんだけど、“装飾は心底どうでもいい” という気持ちが勝っている。
ブログのスタイルを更新するなんて、livedoor Blog 触ってたとき以来だと思う。少し自分のもの感が出てきて満足している。