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を勉強したのはずいぶん昔のことだが、まだ何となく覚えていてよかった。

このブログの人気の投稿

見るも因縁、聞くも因縁、世話取りするはなおのこと

成ってくるのが天の理

Inkscapeで印刷すると画質が落ちる