2月
6

livedoorブログの文字サイズを変えてみる

Author おさむし    Category デジタル, パソコン, 情報     Tags

3779922


このブログを家のパソコンと会社のパソコンで見ると、文字のサイズが違って見えます。

実際は一緒なんですが、違うのはモニターの解像度やサイズ。同じ解像度1920×1200でもモニターが14インチと24インチでは拡大度が違います。人によっては解像度が1024×768など様々。

文字が見づらいと感じると、ブラウザの「表示→文字のサイズ」で大きくしたり小さくしたりするのですが、livedoorブログはフォントサイズを固定しているので大きさが変わりません。

そこでブラウザの設定で文字のサイズが変わるように設定しました。

手順はこちらから 

まず、ブログのマイページを開いてブログ設定をクリックします。

WS000001

次にデザインのカスタマイズを選択。

WS000002

デザインカスタマイズのスタイルシート(CSS)を開きます。
ここでスタイルシートを編集します。

WS000003

まず、シートの中から

WS000004

上画像の赤線内の文字を探して変更します。IE系ブラウザであれば「編集」から「ページの検索」をクリックし、「.main」で検索。「font-size:15px」となっている部分を「15px」から「100%」に変更します。

WS000005

変更したらページ下の「保存する」をクリックし保存します。
WS000006
これで設定完了。ブラウザで文字のサイズを変えると連動して拡大縮小します。お好みによって100%のところを90%、80%と変えてみてください。

ちなみに同じシート内でブログタイトルや紹介文のフォントサイズも変更できます。

WS000008

ブログタイトルを大きくしたいと思ったらblogtitle、紹介文はdescriptionのそれぞれfont-sizeを変更することでできます。

分からない人の参考までに自分の手順を載せてみました。


コメントの投稿

トラックバック
Follow us on Twitter! Follow us on Twitter!
@osm4

人気記事トップ10

最近の投稿

カテゴリー

ブログロール

タグ

  • SEOブログパーツ

あわせて読みたい
ブログランキング・にほんブログ村へ にほんブログ村 地域生活(街) 中国地方ブログ 倉敷情報へ