blogger.comのblockquoteのフォントを変える
このブログはGoogleのBlogger.comというサービスを利用しているのだが、デフォルトでは、blockquoteのタグを使うと、文字が大きい斜体になる。そんなに大きくなくて良いし斜体にすると読みにくいと思うので変更した。直接HTMLを書き換えなければならない。探すのに時間がかかったので、次のためにここにメモしておこうかと思う。
<Variable name="blockquote.font" description="Blockquote font"> type="font" default="$(robotoLightItalic15)" value="italic 300 15px Roboto, sans-serif"/>
という箇所を探す。でitalicをnormalに変える。
<Variable name="blockquote.font" description="Blockquote font"> type="font" default="$(robotoLightItalic15)" value="normal 300 15px Roboto, sans-serif"/>
これで斜体ではなくなる。ちなみに、私の使っているテンプレートでは130行目あたりにある。次に文字のサイズ。
<blockquote{color:$(blockquote.color);font:$(blockquote.font);font-size:x-large;text-align:left}
この部分のfont-sizeがx-largeになっているのでnormalに書き換える。
<blockquote{color:$(blockquote.color);font:$(blockquote.font);font-size:normal;text-align:left}
これで完了。HTMLとCSSを勉強したのはずいぶん昔のことだが、まだ何となく覚えていてよかった。