• ベストアンサー

フォントサイズ

タグを記入しながら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