*

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

関連記事

no image

デザインカスタマイズが楽に

ブログテンプレートを編集しようとすると わりと面倒な画面遷移が必要だったのですが とうとう!管理画面

記事を読む

no image

独自ドメインにする…ムームードメイン×ライブドア

この「モテるブログ」は、もともと、 http://blog.livedoor.jp/moteblog

記事を読む

no image

独自ドメインにする…バリュードメイン◎ライブドア

この「モテるブログ」は、もともと、 http://blog.livedoor.jp/moteblog

記事を読む

no image

個別記事にサイドバーをつける……コツだけ!紹介

リニューアル前のデザインでは、個別記事・カテゴリ別・月別には、サイドバーがありませんでした。 そこで

記事を読む

no image

ライブドアのヘッダー広告HTMLを一番下に配置する方法

このカスタマイズは、ブログの管理画面の「デザイン設定」右下「カスタマイズ」にて行います。 デザイン変

記事を読む

no image

ライブドアブログの閉鎖

事情があり、ブログの閉鎖をされたい方もいると思います。 ですので、その方法をば… ブログの記事を

記事を読む

no image

個別記事にサイドバーをつける……デザインがズレた?!

前回、個別記事にサイドバーをつけるコツをお知らせしたのですが、 どうやら、デザインが横にズレてしまう

記事を読む

no image

トップページに目次を作る

トップページに目次を用意しましょう。 たくさんの記事を書いていると、 サイドバーに表示される「最新

記事を読む

no image

ブログのデザインがちゃんと反映されていないとき

ブログのデザイン変更をしたり、カスタマイズをしてみた後に、自分のブログを見てみても……なんだか、変わ

記事を読む

no image

ライブドアブログ上部の広告について

「儲かるキーワード発掘法」の音声を聞いていて、ムカッ腹が立ったので、 記事を書きます(笑) ちなみ

記事を読む

Comment

  1. ノリシロぶぶん より:

    メルマガ…新作ランキング2位!
    おめでとうございます
    きっと1位になりますよ!

  2. Hikari より:

    琉海さん、ご連絡をありがとうございました。
    わかりました!
    やってみます!
    もうひとつの質問にもお答えいただけるとのこと、とってもうれしいです。楽しみにしています!

  3. クニ より:

    こんにちは琉海さん
    こんな簡単な事で、文字サイズが変えれるのですね。
    初心者にとってはありがたい情報です。
    大変ためになりました。
    これからもお互いがんばりましょうね。

  4. >ノリシロぶぶんさんへ
     ありがとうございます☆
     がんばって、発行しますね!
    >Hikariさんへ
     もすこし、お待ちくださいね~!
    >クニさんへ
     お役に立ったようで、何よりです☆
     年金…もらえそうにないですよね。。。

  5. みつ♪ より:

    フリーエリアの文字サイズをCSSから設定したいのですが、どこを直せばいいのでしょうか?
    もう、いっぱい候補がありすぎていやになってきました。
    (πーπ)グスグス

  6. みつ♪さんへ
    うぅ、泣かないでっ
    えっとですね、フリーエリアの文字サイズだけを変えたい場合は、
    フリーエリア内に書き込みするときに、

    【フリーエリアの内容】

    にしてみてくださいね!
    80%に縮小される例でした。

  7. マシュマロ より:

    こんにちは。
    最近ジュゲムから容量の問題でライブドアブログへ引っ越したのですが、(?_?)だらけです。
    まず、トラバこちらにもさせていただいたのですが、ライブドアブログへはできるのですが、他のブログへは「URLの形式が違います。」とエラーになってしまいます。
    それと、
    文中の文字を大きくするので、『big』『color』はできましたが、それ以外の仕方がしりたいのですが、もう少し大きいサイズにできますか?
    また、スタイルシートをいじった場合も何もかわりません。ctrl+f5でもだめです。
    始めて3ケ月の初心者ですが、うまくいかないので、泣きそうです。(T_T)

  8. >マシュマロさんへ
    文字のサイズを大きくするには、
    記事に書いてるように、xx-largeとか設定してみてくださいね。
    あと、スタイルシートを変更した場合は、
    ブログの再構築のときに「デザイン(CSS)」を選んでくださいね。

  9. hazama より:

    はじめまして☆
    このブログもの凄くためになりいつも見ています
    今回は教えて頂きたい事がありコメントさせてもらいました。
    ブログに<META>タグを入れたいのですがやり方がわかりません・・・_| ̄|○・・
    自分でも調べたのですが。。。教えてくれると凄くありがたいです。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

おすすめ記事

【モテるブログ】総合メニューモテるブログ ■ライブドアブログカスタ

no image
他人が書いた不都合な記事を検索結果から削除する方法

琉海も過去に何度か「記事内容を削除してください」という依頼を受けて削除

no image
ブログをアクセスアップさせる裏技

私自身は「やりません」が、アクセスアップに効果があるのでご紹介しておき

no image
有料ライブドアブログからMTへお引越しする方法

このブログもそうなのですが、 独自ドメイン&有料ライブドアブログPRO

no image
アクセスを集めるのは簡単?

→もっと見る

PAGE TOP ↑