文字の大きさを一括変更できるようにする
個人の趣味ですが、テンプレート「noble@Twilight bookstore」は、如何せん文字が小さいと感じました。
もちろん、これは私が13インチのノートPCをメインにしているからかもしれませんが、今後の高齢化に備える意味でも文字を大きくことにしました。
そこでCSSの中身を見てみる([設定メニュー]-[テンプレート]で使っているテンプレートの名前をクリック)と、文字の大きさを設定する「font-size」が全て絶対サイズであるpxで設定されていました。基本の大きさは10pxでした。
色々な大きさを試したいのですが、いちいち全部を変えるのは現実的ではないので、以下の方針で改造することにしました。
(a) 全体に効果を与えるサイズ指定で、基本となる大きさを決める。
(b) それ以降のサイズは全て相対値(%)で指定し、(a)に従属させる。
幾つか試してみたところ、14pxが私の好みであると判明しました。
そこで、全体に効果を与えるために「body{～}」の中に「font-size:14px」として基本の大きさを設定しました。
それ以外は、基本的に「font-size:10px」を「font-size:100%」に変更し、おおよその大小関係を保存して元の雰囲気を残すこととしました。
結果として、クールさは減りましたが、全体的に読み易くなったのではないかと思います。
今日はここまで、としておきます。