• ベストアンサー

フォントサイズ

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

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

  • ベストアンサー
noname#236902
noname#236902
回答No.3

CSSで指定するには、<head></head>の中に以下のようなタグを書いて指定しておきます。 <STYLE TYPE="text/css"> <!-- .9pt { font-size: 9px; font-weight: 200; line-height: 11px} .10pt { font-size: 10px; font-weight: 200; line-height: 13px} .12pt { font-size: 12px; font-weight: 200; line-height: 15px} --> </STYLE> 行頭にある"9pt"とか"10pt"は指定名で、わかりやすい名前を自分でつけておきます。ただしその最初に.(ピリオド)をつけておかなくてはなりません。 font-sizeがいわゆるフォントサイズで、font-weightが文字の太さ(ボールドにしたい場合は700くらいに数値を大きくしてみる)、line-heightが行間になります。適当に変えて調節してみて下さい。 で、<body>タグ中の本文において <font color="#ff0000" class="12pt">12ptにしたい文字</font> というように指定します。<table>中の<td>にも<td class="12pt">のように入れられます。また <span class="12pt">12ptにしたい文字</span>のようにも書けますが、最初に書いた<font>タグに入れるのが一番使い勝手がよく、レイアウトの崩れもないです。

pop21
質問者

お礼

とてもご丁寧に回答ありがとうございました。 アドバイスもとても参考になりました! さっそくスタイルシートも使ってみます!

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (3)

noname#236902
noname#236902
回答No.4

追伸です。 9pt未満の文字は小さくて非常に見づらいので、やめた方が無難です。あと、Macだけかも知れませんが、11、13、15、17、19pt等は文字が汚く表示されるので9,12,14,18,24pt…を使うことをおすすめします。

全文を見る
すると、全ての回答が全文表示されます。
  • ukkey119
  • ベストアンサー率27% (36/129)
回答No.2

例えば、12ptで表記させたい場合は、 <span style=font-size:12px> xxxx </span> と表記します。

pop21
質問者

お礼

ありがとうございました! きちんと指定した通りのサイズで文字が表示されました。

全文を見る
すると、全ての回答が全文表示されます。
  • -mizuki-
  • ベストアンサー率38% (212/555)
回答No.1

font-size=xxpt と言う書き方で設定出来ます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • CSSの{font-size:}について

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

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

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

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

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

  • フォントサイズの指定

    テキストエディタでフォントサイズを指定する際、 何もタグで指定せずに「あいうえお」と表記して、htmlファイルにして閲覧してみると、標準の文字サイズで表示されますよね。 で、上記に<font size=3>「かきくけこ」</font>で指定して、挿入し、閲覧してみると 「あいうえお」「かきくけこ」 と言うかんじになりますよね。 この場合、文字サイズを指定しない「あいうえお」と <font size=3>に指定した「かきくけこ」が、 見たところ文字サイズが一緒でした。 これはfont size=3というのは、タグでサイズを指定しない標準サイズと同じってことでしょうか? タグで指定しない標準文字列と、Font size=3で指定した文字列をどちらも同じhtmlファイルのソースに記述してます。 こういう場合、気にしなくても大丈夫でしょうか。 (レイアウトが崩れたりしないでしょうか)

    • ベストアンサー
    • HTML
  • スタイルシートのフォント指定について

    お世話になっております。 CSSのフォント指定について、お伺いしたい事があります。 font-size:95%; などの "%"指定なんですけど、100%は何が基準になっているのでしょうか? font size="3" くらいですかね。具体的に何ピクセルか知りたいです。 あと、フォント指定をする時は相対的な単位で指定するのがベストと聞きましたが、"pt"や"px" は、やめた方がいいのでしょうか。 どなたか知っている方いましたら、よろしくお願いします!

    • ベストアンサー
    • HTML
  • フォントサイズ

    Dream Weaverを使っています。 1)font size 1 2 3 … と+1 +2 +3 -1 -2 - 3  はどう違うのでしょう。 2) font size -1 と指定するのはgoogleなどのロボット対策としては良くない、と聞いたことがありますがほんとうでしょうか? 3)font size を利用しないでスタイルシート(?)やCSSを使ってほうが良い、という記述を目にしましたが本当でしょうか。 またスタイルシート(?)やCSSを使うというのはとても簡単にいうとどんなことでしょう。 ネットを見ても膨大に専門用語が並んでいて自分には少々難し過ぎますので簡単にその概略を教えてもらえると助かります。

    • ベストアンサー
    • HTML
  • font-sizeについて

    ブログのレイアウトを私オリジナルのものに変えたくて、今のCSSの記述を読んでいたのですが、よくわからない記述がありました。 /*---------- CSS部分 ----------*/ body { background-color: 背景色; color: 文字色; text-align: center; font-family: フォントの種類; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small; } わからない点は1点です。 1、上記でまず、「font-size: x-small;」と指定してあるのですが、最後に「font-size: small;」と指定しなおしています。これはどのような意味があるのですか? なぜ2回も指定しているのでしょうか? すいません、ご教授よろしくお願いします。

    • ベストアンサー
    • CSS
  • テーブルの中のフォントサイズを一括指定したいのですが

    一つのページ内の、全てのテーブルの中のフォントサイズを一括指定したいのですが、CSSで出来るのでしょうか? どのようなタグを使えば出来ますか?

  • IEとFirefoxで、H1タグのフォントサイズの違いについて教えてく

    IEとFirefoxで、H1タグのフォントサイズの違いについて教えてください。 フォント指定をしたDIVタグ内にH1タグを書くと、サイズが変わります。 例?  --IEで見ると、両方同じ。Firefoxで見ると1つ目が小さい。 <div style="font-size:9pt;"><h1>あああ</h1></div> <h1>あああ</h1> 例?  --IEで見ると、両方同じ。Firefoxで見ると1つ目が大きい。 <div style="font-size:22pt;"><h1>あああ</h1></div> <h1>あああ</h1> これはどのような影響を、どのような法則で受けているのでしょうか。

    • ベストアンサー
    • HTML
  • fontタグとスタイルシートの相対値

    CSSでこういう使い方はありえないかもしれませんが、 1は60ptですが、2,3は何ptですか? このようにfontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますが 値を相対的に変化させる(例えばdivの値の20%とか)ことはスタイルシートのしくみでありますか? <style type="text/css"> <!-- .a { font-size:60pt; } --> </style> <!-- 1 --> <div class="a">60pt</div> <!-- 2 --> <div class="a"><font size="-1">?px</font></div> <!-- 3 --> <div class="a"><font size="1">?px</font></div>

    • ベストアンサー
    • HTML
黒インクが出ない
このQ&Aのポイント
  • 黒文字のみの原稿が印刷できません。他の色に変えると印刷できます。カラーで印刷すると黒文字が青く印刷されます。黒インクは交換したばかりです(交換前は印刷できていました)。デバイスの再設定を試みましたが変わりません。
  • Windows10で使用しているMFC-695CDNで、黒文字のみの印刷ができません。他の色は印刷できますが、カラー印刷すると黒文字が青く印刷されます。黒インクは交換したばかりです。デバイスの再設定も試しましたが改善しません。
  • MFC-695CDNで黒文字の印刷ができません。他の色で印刷することはできますが、カラー印刷すると黒文字が青く印刷されます。黒インクは最近交換したばかりです。デバイスの再設定も試しましたが改善されません。
回答を見る

専門家に質問してみよう