行間とフォント

Question

すいません、質問３つです。多いです。

テキストを読みやすくするために、行と行の間を空けたいのですが、どういったタグを、どこに組み込めば良いか教えてください。

あと、普段表示されるフォントって、ゴシック体ですよね？これを明朝体とか、他のフォントにするにはどうすればいいんですか？

それと、“一文字の大きさをそろえる”っていうのかな？普段（メモ帳とかで）文字を書いてるときって“、”や“。”も他の字と同じ大きさで表示されるけど、ＨＰで見ると、少し幅が狭くなっちゃいますよね。あれって、どうしたらならないようにできるんでしょうか？

すいません、わかりにくくて。
分からなかったら言って下さい。
よろしくおねがいします。

noname#2019 · Accepted Answer

スタイルシートで指定するのが一番でしょうか。何だったら、外部スタイルシートにして、全てのページにリンクを張って、デザインをまとめて決めてしまう事も可能ですね。拡張子がcssのファイル（例えばdezainn.css）に、タグを書かずそのまま、 body { font-size: 12px; line-height: 18px; } など、みなさんが仰っているように書いて、HTMLファイルの方にというのを入れれば、出来ますよ。ただ、NNだと、行間の%指定と、font-familyによるフォント名が日本語のものの指定（ＭＳ明朝など）は、反映されないと思います。等なら、NN6では有効でした。行間は、フォントサイズと共にpxで指定されてはどうでしょうか。 ──分かり難くてすみません。

selene_pl · Answer

>％の基準
「その位置での文字の高さ」が基準（=100%）になります。
なので、％で指定すると、文字サイズを変更すると同時に、
改行幅も同じ割合で変わるので、使いやすくなるわけです。

下で「lmeelm」さんは、font-sizeを13pxと指定していますが、
こう指定してしまうと、文字が小さすぎると思っても、
ブラウザメニューからサイズの変更ができなくなるので、
なにも指定しないか、font-size:100%のように、％指定がいいと思います。
これを読むだけではいまいちわからないかもしれませんが、
自分でいろいろ値を変えて試してみれば、ある程度わかると思います。

＃解像度1600x1200＋ネスケだと、font-size:13pxはかなり小さいので・・・

lmeelm · Answer

スタイルシートの指定で行なった方がいいと思います。みなさん改行幅はpx指定を教えてくださっているようですが、私はいつも%で指定しています。それと、フォントの種類は下記のように指定をすると、最初に指定されているものから順に閲覧者の環境にあるフォントで表示させることができます。一番最初に指定しているフォントがない場合、2番目に指定していているフォント、それがなければ、、、、というようになります。マックのデフォルトフォントのOSAKAはＭＳＰゴシックとフォント幅が近いようです（確かではありません）。あまり、フォント幅の異なるフォントで指定してしまうと閲覧者の環境にそのフォントがない場合レイアウトがかなり崩れてしまうかもしれません。妥当なフォント指定のほうがいいと思います。また、下記のように、BODY,P,TDとして指定をするとページない全てのBODY,P,TDタグに同様のスタイルがかかります。文字幅のスタイル指定含めて下記ソースを参考になさってみて下さい。フォント、改行幅のスタイル指定参考URL：http://www.ad.il24.net/~ura/java/page/0.htm

peso · Answer

CSS を使うとすべて可能になります。
例えば、

<BODY style="line-height:15pt; font-family:'ＭＳ 明朝';">

line-height は行の高さを 数値 + 単位(px , pt, cm など)で指定します。
font-family はフォントを指定します。ここで明朝体を選ぶと明朝体で表示されます。ただし、相手の環境にないフォントを指定すると無効になります。
ここにプロポーショナルフォント以外（Pのつかないフォント）を指定するとたいてい等幅フォントになります。

ただし、すべてのブラウザが CSS に対応しているわけでもなく、 CSS を使用しないようにしている人もいるのでこの方法で絶対成功するわけではありません。

GOLDEN · Answer

1番の質問ですが、

または

のタグに、[style="line-height: 20px"]というように指定することで実現できるようです

～

まぁ、スタイルシートの定義を直接内部に取り込む方法ですね但し、W3Cの勧告では、文の構成と見栄えは別々に定義すべき、となっていますので、ヘッダ部で宣言しちゃいましょうの間にこれを書いてくださいそうすれば、

で挟んだ部分が全部この指定を受けます後は、20pxという数字を、見やすい大きさに調整すればOKです

twelve · Answer

多分的外れな回答ですが・・・

というタグがありますこれに挟まれた文は整形済みという事でそのまま表示されます例　

たとえば改行するとき

タグを使わなければいけませんし
特殊な記号（＜とか&とか）はそのまま打つと
表示されないってことがあります
それを表示する方法はほかにもあるのですが
今手元に資料が無いので（fontタイプ変更含む）
ご勘弁を

ってな具合です　どこかにメモしておいた内容やらをHtmlに直すとき一々
を打つのが面倒なときなどに使っています　　多分　邪道？かもしれませんが　くうはくも開けれた・・・と思います

GOLDEN · Answer

なるべく、１個の質問ごとに分けた方がいいですよ１：スタイルシートを使わないと実現できないかと思いますが２：自分の環境を変えるのか、それとも見る人全員変えるのかで変わりますが　　自分の環境を変える場合は、ツール→インターネットオプション→フォントの　　中のフォントをお好きなのに変えてください　　但し、後述の方法で指定されているフォントがある場合は、それが優先されま　　すが　　自分のページを見る人全員変える場合は、　　　～　　で[～]のところに本文を書いてください　　但し、"フォント名"に該当するフォントが無い場合は、ブラウザで設定されて　　いるフォントが採用されます　　微妙な間違いでも駄目です(例えば、MS P明朝はダメ。MS Pは全角が正しい) ３：～で本文を囲むことで、固定幅フォントを採用します　　但し、この場合もブラウザの設定の固定幅フォントにプロポーショナルフォン　　トが設定されている場合は、プロポーショナルになってしまいます

行間とフォント

スタイルシートで指定するのが一番でしょうか。

>％の基準

スタイルシートの指定で行なった方がいいと思います。

この回答への補足

CSS を使うとすべて可能になります。

1番の質問ですが、<p>または<div>のタグに、[style="line-height: 20px"]とい

多分的外れな回答ですが・・・

なるべく、１個の質問ごとに分けた方がいいですよ

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング