• ベストアンサー

ブログの文字を小さくしたい

gooブログのアドバンスを利用しています。 カスタムプレートを選択しておりますが、 文字の大きさが大きいので、すこし小さくしたい思っています。 CSSスタイルシートの「ページ全体の文字」で、 フォントサイズは最小になっています。 他の方のブログではもっと小さい文字があるので、 できるとは思うのですが、方法がわかりません。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
noname#19206
noname#19206
回答No.2

こういう感じでどうでしょうか? body { font-size:90%; } フォントサイズを指定するのに利用できる単位はいろいろありますが、 %,em,ex など相対的な数値で指定できるものがお勧めです。 px,pt などはユーザー側のフォント変更の自由を奪ってしまいます(一部環境) 必要に応じてフォントを大きくしたり小さくしたり出来るほうがユーザーに優しいデザインといえます。

mahiroto
質問者

お礼

できました! ありがとうございました! これから色々と勉強していこうと思います。 本当に助かりました。ありがとうございました。

その他の回答 (1)

  • bari_saku
  • ベストアンサー率17% (1827/10269)
回答No.1

直接の回答ではないのですが、OSやブラウザによって文字の見え方はさまざまです。 とくにMacではWinに比べ、文字が小さめに表示されますので、Winで小さめに設定してあると読むのに困ることもしばしばです。 フォントサイズをカスタマイズする前に、色々なOSやブラウザでチェックすることをお勧めします。

mahiroto
質問者

お礼

そうなんですか。知りませんでした! いろいろチェックしてみた方がいいんですね。 どうもありがとうございました。

関連するQ&A

  • gooブログのタイトル文字のCSSの設定について

    初めまして。 gooブログアドバンスでカスタムフリーを利用しているのですが、CSSのコーディングについて教えて頂きたい事があります。 "ブログのデザイン" 全体の設定として、リンク文字は白、マウスを乗せた時に文字の色が赤で太さとサイズを若干大きくなるように設定した上で、ブログのタイトル(CSS上では".bTitle")の文字(これもリンク文字です)については、もとの色を赤にして、マウスを乗せた時に、サイズ、太さはそのままで色だけ黒になるようにしたいと思い以下のようにコーディングしました。 A:link { color: #ffffff; } A:hover { color: #ff0000; font-weight: 600; font-size: 120%; } .bTitle { text-decoration: none; font-family: Century Gothic; font-size: 170%; font-weight: 800; color: #ff0000; } .bTitle A:hover{ color: #000000; } このようにしたのですが、ブログのタイトル部にマウスを乗せても黒になりません。.bTitleに A:linkやA:visitedなどもコーディングしてみたのですが、希望通りにはなりませんでした。どのようにコーディングすれば宜しいでしょうか。因みにHTMLの部分のタグは触っておりません。どうかご助力お願い致します。 ※もし必要とされるなら、全体のCSSも記載致します。

  • 文字サイズを固定して、一部の文字を変更

    ホームページを作成しています。ページ全体は、テーブルを多用しており、 レイアウトが崩れないように以下のCSSを使って、文字サイズを固定しています。 <style type="text/css"><!-- *{ font-size: 13px; } --> </style> ここで、問題が起きたので、悩んでいます。 一部の文字にサイズを大きくしたいと思って、フォントサイズを変更しようと 思って色々やってみましたが、ダメでした。 どうすれば、一部の文字サイズを自在に変更出来るのでしょうか。

  • gooブログの新規投稿ができない。

    こんにちは。inakanoと申します。 よろしくお願いします。 先日、gooのアドバンス会員の申し込みを 行なった後、テンプレートの選択から カスタムを選択し、ブログのCSSを 多少変更してから、いつもの様にgooブログの 新規投稿をしようと新規投稿のボタンを 押下したところ、ブラウザの上のバーに 「サーバーがありません」と出て、画面に ページを表示できませんの文字が出てきて しまいます。 アドレスは http://blog.goo.ne.jp/admin.php?fid=newentry なので、新規投稿のアドレスになっています。 念の為、ウィルス対策ソフトの起動を止めてから 再度実行してみましたが、うまく行きません。 尚、画像選択から「この画面を使用する」でやっても 同じ現象になります。 アドバンスに登録する前までは普通にできていました。 すみません。どなたか解決方法を教えて頂けない でしょうか。お願いします。

  • gooブログとgooブログアドバンスについて

    今gooブログを使っています。 1.ここで記事のタイトルの文字の色を変更することは出来るでしょうか?色々自分なりにやってみたのですが・・・出来れば今使っているテンプレートを変更しないで使いたいんですが・・・それともCSS出来るテンプレートでやればソレが可能なのでしょうか? それとも、gooブログアドバンスにすれば今使っているテンプレートそのままでもソレは可能なのでしょうか?(アドバンスなら全体一括で記事タイトルの色変更が可能でしょうか?) 2.あとgooブログかgooブログアドバンスで、最初の画面に表示される他の人のコメント数(今は10だったかな!?)を増やす事は可能でしょうか?推測ではgooブログアドバンスは可能なような気がしますが・・・gooブログでソレが出来るかどうか教えてください!!

  • 文字サイズ変更 ブログ

    FC2ブログを使っています。 ヘッダの部分の文字のサイズが変更できなくて困っております。 ホームページビルダーなどでそのタグを書くときちんと任意の場所の文字の大きさが変わります。 FC2で同じ事をやるときちんと文字は入るのですが、全て文字が同じ大きさになって変更できません。 タグはこんな感じです。 <font size"+2">○○</font> 余り詳しくないものでどこをどうチェックしたらいいかがわかりません・・・(スタイルシートのチェック??) お助け願います。

  • フォントの種類や大きさを文字ごとに変えたいんですが

    <style type=text/css> <!-- body,td { font-size:文字の大きさ; color:#5E5BC4; font-family:'フォントの種類'; line-height:行間かなんか; --></STYLE> でページ全体の文字の大きさや種類を変えられるということがわかったのですが, これを,文字ごとに変えることはできないでしょうか? たとえば,「あいうえお」という分があれば,「あ」は大きさが6ptで「い」は9ptとか,「う」はフォントの種類が違うとかそんな感じにしたいんですが, できるんでしょうか? できるんなら教えてください。 あとフォントの種類のところに入るものはどんなものがあるんでしょうか? そういうのがのってるサイトなんかもおしえてくれると助かります。 よろしくおねがいします。

  • gooブログアドバンスの拡張性について

    gooブログを使用しているのですがカレンダーやプロフィールが個人的に不必要なのにかかわらず、非表示にすることが出来ません。 アドバンスにすることによって拡張性、カスタマイズ性が向上するとのことなのですが、どの程度のカスタムが可能となるのか詳しい表記がなされていません。 そこで質問なのですが、アドバンスにすることによってカレンダー、プロフィール等の不要なメニューの削除、また、HTML、CSS単位でのカスタムは出来るようになるのでしょうか? ご存知の方、現在gooブログアドバンスをご利用の方、ご返答どうぞ宜しくお願いします。

  • gooブログを使っているのですが、

    gooブログを使っているのですが、 最近急になぜかブログのほぼ全体のフォントサイズが大きくなってしまいました。 カスタムレイアウトテンプレートではなく、気に入ったテンプレートを選んで使っているので、 元々サイズは決まってきますよね? 一番新しい記事はサイズを2で指定しながら書き、強調したい文字だけ3にして なんとか普段通りのサイズで投稿できましたが、 今までの記事がすべて3のサイズ(?)になってしまっています。 そんなサイズに指定したことはないです。 今までは2のサイズ(使用テンプレートで決められたサイズ)でした。 しかもサイドバーの文字まで大きくなっています。 記事一覧にした時だけは前のサイズに戻ります。 どうしたらテンプレート指定のサイズに戻るでしょうか・・・? どうかご回答お願い致します。

  • 特定のサイトで文字の大きさを変えるスタイルシート

    「yahoo検索」だけ字が小さくなってしまいます 他のサイトは普通なんですが 文字のサイズは前から小で変えてないのですが文字だけ最小くらい小さくなります エンコードも変わっていません キャッシュを消したり再起動したりしてもだめでした  そこでスタイルシートで変えたいと思うのですが http://search.yahoo.co.jp/ この表記が入ったアドレスのページだけフォントサイズやエンコードを変えるという スタイルシートを作る方法はないでしょうか 使っているブラウザはIE6です よろしくお願いします

    • ベストアンサー
    • HTML
  • 段落の最初の1文字を大きくする

    段落の最初の1文字を大きくするためのスタイルシートですが、html の中に直接記述するなら、 <style type="text/css"><!-- p:first-letter { font-size:24pt; } --></style> なのですが、外部ファイル(.css)に記述する場合はどうすればいいのかわかりません。 p {first-letter: font-size: 24pt%;} としてみたのですが、指定どおり表示されません。 よろしくお願いいたします。

    • ベストアンサー
    • HTML