はてなブログの CSS 設定

経緯

昨日の日記から試しに見出しタグを使ってみたのですが、字は大きいしボールドだし一言で言うと古臭くて田舎臭くてちょっと見出しを使いたくなくなる表示だったんですよ。

もしかしたら別のデザインセットに変更したら下品じゃない表示になったのかもしれません。ただ、それも手間なので、あまりデフォルトの設定から変えたくなかったのですが、CSSを少し変更してみることにしました。

CSSはダッシュボード等からデザインを選んでカスタマイズ（スパナボタン）を選択すると一番下に「カスタマイズCSS」がありますので、そこをつつくと編集できます。今回使用したい見出しは h2 タグですので、

h2{font-weight: normal; font-size:120%;}

を追加してやると、見出しの表示が上品にな … りませんでした。

太字は確かに解消されたのですが、文字サイズはでかいままです。試しに極端な数字を入れてみても変化なしです。

調べてみたら、CSSを複数箇所で設定する場合は優先順位があるとのこと、多分別の設定で font-size が設定されているのでしょう。優先順位を飛び越えて採用されるようにするには !important をつけてやれば良いとのことですので、

h2{font-weight: normal; font-size:120% !important;}

に変更したらうまく行きました。すべての品位を望む者に伝わりますように。