• ベストアンサー

HPを作る際に文字のサイズの単位は何が良いの

HPを作る際に文字のサイズの単位は何が良いのでしょうか? emやpxが有りますが どれがベストですか?

  • HTML
  • 回答数1
  • ありがとう数1

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

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

ベストが何か、というよりはコンセプトに依ります。 文字の大きさそのものをユーザーに依存させる場合には、「em」を基準にします。 逆にデザイン上、基本の文字サイズを決めて、その大小をデザインしていくなら「px」です。 サイトを作るコンセプトに依りますね。 しいて言えば(個人的な考え)、ニュースサイトや読み物系は、文字の大きさを最初っからユーザーに委ねるべきなので「em」を、デザインやレイアウトに凝っているのなら「px」を使えばある程度デザイナー側の意図で画面表示させられると思います。

CJKRRRQSQT
質問者

お礼

ご回答ありがとうございます。

関連するQ&A

  • cssでの文字の設定

    HPを作る際、全体的な文字の設定はどのくらいにするのがベストだと思いますか? 以前はpx指定をしてましたが、ユーザービリィティー/アクシビリティーを考えると %指定かem指定になると思うんですけど、%指定なら80%,em指定なら0.8emあたりが ベストなんでしょうか? またcssで記入する際は、bodyの要素に指定したほうがいいでしょうか? よろしくお願いします。 例 body {  font-size:指定したい値; }

    • ベストアンサー
    • HTML
  • 単位の種類は何を基準に決めればいいでしょうか?

    htmlでサイトを作る際の単位の種類は何を基準に決めればいいでしょうか? emやpxや%などいろいろありますが、 どうやって使い分けしていけばいいでしょうか? 画像ならpx、 文字ならem など、基準があれば教えてください。

  • 文字サイズについて教えてください。

    文字サイズをユーザー側で変更できるように、 指定をemにしているのですが、 ユーザー側で、文字のサイズを 「中」から「大」にすると、いきなり大きくなって しまいます。 ほんの少しだけ、大きくなってほしいのですが。 そのようなことをコントロールすることは可能でしょうか? 文字サイズのCSS font { font-size: 0.75em; line-height: 1.4em; font-family: "MS Pゴシック" } .font4 { font-size: 1.15em; line-height: 1.3em; font-family: "MS Pゴシック" } .font3 { font-size: 0.9em; line-height: 1.4em; font-family: "MS Pゴシック" } .font2 { font-size: 0.65em; line-height: 1.3em; font-family: "MS Pゴシック" } .font2n { font-size: 0.65em; font-family: "MS Pゴシック" } .font1 { font-size: 0.55em } textarea,input,select { font-size: 12px } .search { width: 124px; } よろしくお願いいたします。

  • cssの文字の単位について。

    文字指定の単位はたくさんあります。 『cm』『mm』『in』『pt』『pc』『em』『ex』『px』『%』 と、こんなに色々あります。 それで、どれを使うのが一番良いのかが知りたいのです! 私は今まで『px』を使ってきました。 でも、『px』は使わない方が良いという記事を見ました! どのブラウザでもOSでも問題なく見れて、使いやすいのはいったいどれなのでしょう? ご意見または参考サイトなど教えていただければ幸いです。

  • CSSで一般的でSEOに有効な値(単位)は?

    お世話になります。初めて質問させていただきます。 CSSで使う「font-size」や「margin-top」等の属性の値(単位)は「em」「pt」「px」等、色々ありますが・・・ 【例1】 H1{ font-size: 12px; 【例2】 H1{ font-size: 12pt; 【例3】 H1{ font-size: 1em; 上記以外にも色々と値(単位)が有りますが、どれが一般的でSEOに有効ですか?(H1に限りません) また、CSSでの各種の属性に有効な値等が説明してあるHPなどありますか? 教えて下さい。よろしくお願い致します。

  • emやpx

    サイズの単位にemやpxが有りますが 文字のサイズを指定する場合は、どちらを使えばいいでしょうか? pxは画像ファイルなどでしょうか?

    • ベストアンサー
    • HTML
  • line-heightで行間を文字サイズに応じて

    すっかり勘違いをしてまして、 line-height:1.6em; はそのボックス内で使用されている文字サイズの1.6倍の行間で表示 と勘違いしていました。 「ブラウザの文字基準サイズを1emとした時の値」が真なのですね。 ということは例えばline-heigt:2em;でもボックス内のフォントサイズが大きくなろうが小さかろうが行間はピクセル単位では同じであり、極端にボックス内の文字が大きくなった場合には行被りもあると。 そこで・・・ ボックス内の文字サイズに応じてその1.6倍の行間をとってください的なCSSは存在していませんか? javascript使うしかないです?

    • ベストアンサー
    • HTML
  • はがきサイズ(px単位で)

    はがきサイズって、 px単位で表すと何px×何pxなんですか??

  • CSS) emでのサイズ指定

    CSS初心者です。 何のサイズをem単位で指定できるのか調べたくて、適当に h1,h2,h3,h4,p { font-size: 2em; margin: 1em; padding: 1em; margin-border: 1px; border-color: #000000; ligh-height: 1em; border-width: 1px; } としました。 すると、すべてのフォントサイズが同じになりました。 それぞれのヘディングが倍のサイズになると思っていたのですが、なぜこうなってしまったのでしょうか? また、マージンのサイズ、パッデイングのサイズを視覚的に確認したいのですが、どうすればいいのでしょうか?

    • ベストアンサー
    • CSS
  • 文字サイズについて (HP)

    素人で知識がないのですが、会社のHPの事で悩んでいます。前に勤務してた人が作成したもので、HPビルダーを用いて更新しています。といっても、ソースをコピーして修正する箇所に書き込みして、新たに上書きするという簡単なやり方ですが・・・ 質問なのですが、他のサイトを見て文字サイズを色々変更しても見た目的には変わらないのに、私が更新するとサイズ変更したら、文字が重なってみえたりと構成がぐちゃぐちゃになってしまいます。中なら普通にみえても大にするとちゃんと見れません。 どうしたら文字サイズを変更しても、画面上全てちゃんと見れるようになるのでしょうか? HPビルダーでそのような修正が可能ですか? 教えてください。

専門家に質問してみよう