ブログ全体の文字を、ワンサイズ大きく・小さくするには？: ブログ全体の設定・カスタマイズ: ライブドアブログカスタマイズ～モテるブログ～

最新情報はメルマガ(無料)でお知らせしています

ブログ全体の文字を、ワンサイズ大きく・小さくするには？

ブログの文字、ちょっと小さい方がデザイン的にはちょっとかっこよく見えます。
でもね、誰もが小さい文字が読みやすいわけではないんです。

しかもね、その文字が…サイズががっちり！決まっていたら…

ちょっと読みづらいな～と思って、
ブラウザ上部の[表示]-[文字のサイズ]で選びなおしてみても、
文字のサイズが変わらないわけです。

すると、、、「よみづらいから、もういいや」って、
せっかく見に来てくれた人が、去ってしまうことにもなりかねません。

文字サイズは、推奨サイズをこちらで指定するものの、
大きな文字で見たい方には、大きな文字で見られるように…
文字のサイズを【相対指定】しましょう。

さてさてまずは、ＣＳＳの状態を見てみましょう。
body　のところです。
font-size:というのがありませんか？

ここに10pxとか書いてあったら、サイズがばっちり！指定されています。
ブラウザで文字のサイズを変えようとしても、変わらないと思います。

そこで！
こいつを　font-size:medium; にします。
ちょこっと小さめにしたいのであれば、 font-size:small; にします。

相対指定は７段階があります。下になるほど大きくなります。

xx-small
x-small
small
medium
large
x-large
xx-large

※普通の状態は、mediumです。

body　というのは、ページ全体のデザインを規定するものです。
この中に、文字のサイズや背景色や、背景に使う画像などを指定します。

タイトルや、投稿日時などの部分は、それよりも大きくしたり、
小さくしたりすることで、見た目が変わります。

これは、body　でやるのではなくて、
それぞれのブロックに設定されているスタイルのところをいぢってやります。

ん～、詳しくは別記事で。

カテゴリ：ブログ全体の設定・カスタマイズ

トラックバックURL

コメントする

名前
メール
URL
	情報を記憶評価顔星

トラックバック一覧

1. 本当に「続きを読む」にする
- [ブログでアフィリエイト－副収入をゲット－]
- 2005年08月27日 19:13
- みなさん、こんばんは。今日の投稿は、相互リンク先のみあさんからのリクエストで、「ブログの「続きを読む」をクリックした後に、本当に続きから表示させたい」にお答えします。（普通は、続きからではなく、投稿の最初から表示されるので、画面をスクロールして、....
2. 『悲しい写真』
- [コットン〆ｆｅｅｌ]
- 2006年01月06日 17:40
- まだ『夫』と恋人同士だった時・・彼の部屋で、昔の写真を見ていたときに、ある『一枚の写真』をみた。「自分でこうやって撮ったんだ。」彼はそう言って、カメラを自分の方へ向けるしぐさをしてみせた。写真はこの部屋....

コメント一覧

- 1. ノリシロぶぶん
- 2005年08月18日 19:27
- メルマガ…新作ランキング２位！
  おめでとうございます
  きっと１位になりますよ！
- 2. Hikari
- 2005年08月24日 16:59
- 琉海さん、ご連絡をありがとうございました。
  わかりました！
  やってみます！
  もうひとつの質問にもお答えいただけるとのこと、とってもうれしいです。楽しみにしています！
- 3. クニ
- 2005年08月29日 17:26
- こんにちは琉海さん
  こんな簡単な事で、文字サイズが変えれるのですね。
  初心者にとってはありがたい情報です。
  大変ためになりました。
  これからもお互いがんばりましょうね。
- 4. 琉海＠モテるブログ
- 2005年08月31日 02:00
- ＞ノリシロぶぶんさんへ
  　ありがとうございます☆
  　がんばって、発行しますね！
  
  ＞Hikariさんへ
  　もすこし、お待ちくださいね～！
  
  ＞クニさんへ
  　お役に立ったようで、何よりです☆
  
  　年金…もらえそうにないですよね。。。
- 5. みつ♪
- 2005年09月04日 23:35
- フリーエリアの文字サイズをＣＳＳから設定したいのですが、どこを直せばいいのでしょうか？
  
  もう、いっぱい候補がありすぎていやになってきました。
  （πーπ）グスグス
- 6. 琉海＠モテるブログ
- 2005年09月06日 10:16
- みつ♪さんへ
  
  うぅ、泣かないでっ
  
  えっとですね、フリーエリアの文字サイズだけを変えたい場合は、
  フリーエリア内に書き込みするときに、
  
  <div style="font-size:80%">
  【フリーエリアの内容】
  </div>
  
  にしてみてくださいね！
  80%に縮小される例でした。
- 7. マシュマロ
- 2006年01月06日 17:52
- こんにちは。
  最近ジュゲムから容量の問題でライブドアブログへ引っ越したのですが、(?_?)だらけです。
  まず、トラバこちらにもさせていただいたのですが、ライブドアブログへはできるのですが、他のブログへは「URLの形式が違います。」とエラーになってしまいます。
  
  それと、
  文中の文字を大きくするので、『big』『color』はできましたが、それ以外の仕方がしりたいのですが、もう少し大きいサイズにできますか？
  また、スタイルシートをいじった場合も何もかわりません。ctrl+ｆ5でもだめです。
  始めて3ケ月の初心者ですが、うまくいかないので、泣きそうです。(T_T)
- 8. 琉海＠モテるブログ
- 2006年01月08日 00:03
- ＞マシュマロさんへ
  
  文字のサイズを大きくするには、
  記事に書いてるように、xx-largeとか設定してみてくださいね。
  
  あと、スタイルシートを変更した場合は、
  ブログの再構築のときに「デザイン(CSS)」を選んでくださいね。
- 9. hazama
- 2006年01月13日 01:46
- はじめまして☆
  このブログもの凄くためになりいつも見ています
  今回は教えて頂きたい事がありコメントさせてもらいました。
  
  ブログに＜META＞タグを入れたいのですがやり方がわかりません・・・＿|￣|○・・
  自分でも調べたのですが。。。教えてくれると凄くありがたいです。

ライブドアブログカスタマイズ ～モテるブログ～