Bloggerのテンプレートは「ZERO」テーマを使っているのですが、上の画像のように文字の間隔が妙にあいていて行間とのバランスが悪いのずっと気になっていました。設定項目では文字間隔を調整するパラメータはありませんし。そこでテーマを直接さわることに。
テーマメニュー＞「カスタマイズ」プルダウンボタン＞HTMLを編集 と進みます。
テーマがHTML表示されます。その1087行目に768px以上のタブレット表示でのCSSが出てきます。その冒頭、bodyのletter-Spacing（文字の間隔）が1.5pxと広めに設定されているのを変更します。PCでの表示もこの設定が適用されるようです。
letter-Spacingを0.5pxにしてみました。ついでに文字の大きさ（font-size）も少し大きめに指定しておきました。
画面右上の保存アイコン（フロッピーディスク！）をクリックして変更を確定させたあと、実際のブログの表示を確認してみます。
ちなみに文字間隔だけの比較をしておきますと、変更前がこんなかんじ↓
読みやすい文字組みになってスッキリしました。
0 件のコメント :
コメントを投稿