• ベストアンサー

OKwebの左メニューと右のメイン側のフォントサイズは?

こんばんわ。 自分でもHPを作りたいのですが、 フォントサイズを変えたいと思っています。 ちょうどOKwebの文字の大きさの違いがわかりやすいと思ったのですが、 OKwebの左メニューと右のメイン側のフォントサイズを教えてください。 その際、フォントサイズは cssで15pxや15ptなど指定するのと <font size="+1">など指定するのと どれがいいのでしょうか。

  • HTML
  • 回答数2
  • ありがとう数0

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

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

個々にフォントサイズが CSS で指定されている様なのですが・・・。 左メニュー マイページ: class="left_menu" FONT-SIZE: 14px; ログイン: style="font-size:12px;" 会員登録(無料)すると: style="font-size:10px;" 他、それぞれ上の類似の物と同じ。 右のメイン側 Q&Aランキング: class="qa_rank_banner_box" FONT-SIZE: 95%; 最新の教えて?: class="font-small" FONT-SIZE: 95%; 他、ほとんどが class="font-small" とされている様です。つまり、右のメイン側はほとんどが FONT-SIZE: 95%; という事の様で・・・。 尚、15px などと値を絶対値で固定する事は、閲覧する側からすると、読みにくいから大きくしたいとか思った時に IE などでサイズ変更出来ない場合があるので不適切です。(嫌われる元です。) また、サイズの絶対値指定をしていない処はサイズ変更されたりしますので、バランスが悪くなり作り手としても不適切です。 なにより、IE の拡張ツールや Opera などのブラウザでは容易にサイズ(見た目の大きさ)が変えられます。 出来るだけ、百分率(パーセント)で指定(相対値指定)する事をお勧めします。 尚、画像等とのバランスの為ならば、その文字列も画像にしましょう。

その他の回答 (1)

  • frod
  • ベストアンサー率25% (64/250)
回答No.1

ここの設定は サイドバーのフォント→FONT-SIZE: 12px メインのフォントサイズ→class=font-normal みたいですよ。

関連するQ&A

  • フォントサイズ

    タグを記入しながらHPを作っているんですが、フォントサイズを指定するとき、 通常は<font size="フォントのサイズ">で指定しますが、フォントサイズを ptで指定するにはどう記入すればいいのでしょうか? どなたか知っているかたがいましたら教えて下さい。 よろしくお願いします。 (CSSでの指定の仕方もあったら教えて下さい)

    • ベストアンサー
    • HTML
  • 左100px 中100% 右100px

    CSSを利用して、 左100px 中100% 右100px とし、 中のサイズはブラウザのサイズを変更しても変わらないようにしたいのですが、 floatやmarginなどを駆使しても 左 中 右 のように回り込んでしまったり、 中のサイズが文字数分だけしか幅が広がらなかったりします。 テーブルなら簡単にいくのですが。。。 CSSだけで 左100px 中100% 右100px のデザインを描画するのは可能でしょうか?

    • ベストアンサー
    • CSS
  • CSSの{font-size:}について

    CSSで{font-size:○○pt;}ってタグがありますよね? そのタグを使ってHPを作ろうと思ってるんですが、 調べてみたら{font-size:○○pt;}では見てる人のブラウザで サイズ変更ができないとのことです。 僕のHPは少し小さめのフォントを使おうと思っているので 見る人が字が小さくて読みずらい、大きさを変えよう。 と思っても変えられないってのは困りますよね? フォントサイズを、中のときあたりに、12ptぐらいにして(標準を決める。みたいな?) ブラウザでフォントサイズを変えると、少し大きくなったり小さくなったりする。。。 ってかんじにしたいんです。 ワケワカメな質問ですみませんw よろしくお願いします。

  • フォントサイズについて

    CSSやイレストレータなどフォントサイズといものが出てきます。 単位が同じであればフォントサイズ 12pxと24pxは単純に倍だとおもうのですが、何が倍になるのでしょうか? 単純に2倍のサイズに拡大した状態でしょうか?文字間隔とかも倍になる?

  • WinとMacのフォントサイズの違い

    こんばんは。質問させていただきます。 現在作成中のHPのことなのですが、 CSSでWinはMS Pゴシック、MacはOsakaで表示させています。 例えばなのですが、フォントサイズを13pxで指定させると、 Winでは、約9pt位なのですが、Macではそれよりも大きく表示されます。 (文字自体が若干大きいです。) その結果テーブルなどでレイアウトが崩れてしまいます。 例えば、Winでは13px、Macでは11pxで表示させる等の方法は無いでしょうか? PCに関しては疎い方なのでお手数をおかけいたしますが、どうか ご教示よろしくお願い致します。

  • 左○○px、右は残りの幅(100%-左px)ってできますか?

    CSSでレイアウトを組みたいと思ってます。 要は左と右に2つに割って左はpx単位で指定して、右は残りのサイズ、ウインドウのサイズ変更に伴って可変するようにレイアウトを組んでいきたいと考えています。 発想力が足りないのか、基礎的な知識が足りないのか・・・ どちらも足りないとは思いますが、おしえていただければ幸いです。 どうかよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • gooブログのフォントサイズについてなんですが・・・

    gooブログはCSSの編集ができるのでテンプレートのCSSを変えてフォントサイズを小さくしているのですが、英数字が極端に小さくなってしまうので悩んでいます。 HTMLでいう<font size=1>のサイズにしたいのですが、そうすると英数字が読めないほど小さくなってしまって・・・ CSSは↓です。 /* エントリー本文 */ .etBody { font-size: 8px; line-height:160%; word-break:break-all; text-align: left; } テンプレートはクリアホワイト左です。 10px、9pxだと大きすぎ、(どちらにしても英数字は小さくなってしまいます)8pxだと読めないほどになってしまい・・・ 他のブログではそんなことは無いので似たようにしたいのですが、できません。困ってます。 なにかアドバイスお願いします。

  • CSS・フォントサイズ変更は どこをいじれば?

    ホームページビルダー17で、以下のサイトのテンプレートをダウンロードして編集中です。 http://nikukyu-punch.com/template/giin1_pink/index.html 本文部分の文字が小さいのでもう少し大きくしたいのです。 これまではテーブルタグで作っており、CSSは初心者です。 文字部分を右クリックしてスタイルの設定を見ると 本文や見出し部分などのfont-sizeが100%だったり75%だったりします。 たぶんCSSのfont設定が細かく分かれているのでしょうが… あまり細かく分類せず、右のサイドメニューと本文の文字の大きさを font-size : 14px line-height : 150% にしたいというのが希望です。 このようなスタイルの設定の変更はどうすればいいのでしょうか。 スタイルシートマネージャーから変更すればいいのでしょうか? 一度スタイルを削除すると戻せないようなので、なかなか試行錯誤に踏み出せません。 画像などは変更できたのですが。 ご教授願えませんでしょうか?

  • フォントサイズと行間

    フォントサイズと行間についてご質問します。 フォントサイズ12px。文字上下に3pxのアキをとり行高18pxとする場合、 スタイルシートは下記ようになると思います。 font-size: 12px; line-height: 1.5 フォントサイズが13pxで文字の上下に4pxのアキをとり行高21pxとする場合、line-heightは21/13=1.61538462と計算されます。 font-size: 13px; line-height: 1.61538462 このように小数点以下が多い場合でもスタイルは正常に動作するのでしょうか(ちなみに13pxで行高19の場合1.46153846になります)。 普段、YUI 2: Fonts CSSを利用しております。デフォルト(100%)は13pxです。文字の上下に4pxのアキをいれ、行高を21pxに設定したいと思っております。その場合 font-size: 100% line-height: 1.61538462 というのは正常に動作するのでしょうか。

    • ベストアンサー
    • CSS
  • ブラウザによりフォントサイズが異なってしまう問題をCSSで解決する原理

    ブラウザによりフォントサイズが異なってしまう問題をCSSで解決する原理と方法は? 例えばIEではちょうどよいサイズ(作成者が10ptを指定してその通りのサイズ)で表示されているのが、FireFoxでは小さく表示されてしまうという問題は、CSSを使えば解決できるそうですが、それはどのような原理で解決できるのでしょうか。また、どのような設定をすればよいのでしょうか。 私はCSSファイルの役目は指定箇所(クラス)を指定フォント/サイズで表示するよう指示するもの、という程度のことは分かっていますが、HTMLファイル上で直接10ptと指定するのと、CSSで10ptと指定するのではどう違うのか。または、数値ではなくて相対的なサイズを指定する必要があるのでしょうか? その辺の原理が分かっていませんので、ごく簡潔に教えていただけるとありがたいです。 また、分かりやすいサイトも教えていただければありがたいです。