- ベストアンサー
フォントサイズ
noname#236902の回答
- ベストアンサー
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>タグに入れるのが一番使い勝手がよく、レイアウトの崩れもないです。
関連するQ&A
- CSSの｛font-size:｝について
CSSで{font-size:○○pt;}ってタグがありますよね？ そのタグを使ってHPを作ろうと思ってるんですが、 調べてみたら{font-size:○○pt;}では見てる人のブラウザで サイズ変更ができないとのことです。 僕のHPは少し小さめのフォントを使おうと思っているので 見る人が字が小さくて読みずらい、大きさを変えよう。 と思っても変えられないってのは困りますよね？ フォントサイズを、中のときあたりに、12ptぐらいにして(標準を決める。みたいな？) ブラウザでフォントサイズを変えると、少し大きくなったり小さくなったりする。。。 ってかんじにしたいんです。 ワケワカメな質問ですみませんｗ よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- ＯＫwebの左メニューと右のメイン側のフォントサイズは？
こんばんわ。 自分でもHPを作りたいのですが、 フォントサイズを変えたいと思っています。 ちょうどＯＫwebの文字の大きさの違いがわかりやすいと思ったのですが、 ＯＫwebの左メニューと右のメイン側のフォントサイズを教えてください。 その際、フォントサイズは 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を使っています。 １）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で出来るのでしょうか？ どのようなタグを使えば出来ますか？
- 締切済み
- HTML
- 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でこういう使い方はありえないかもしれませんが、 １は60ptですが、２，３は何ptですか？ このようにfontタグは一つ上のdivのスタイルシートに影響せずにfont sizeで完結していますが 値を相対的に変化させる（例えばdivの値の20%とか）ことはスタイルシートのしくみでありますか？ <style type="text/css"> <!-- .a { font-size:60pt; } --> </style> <!-- １ --> <div class="a">60pt</div> <!-- ２ --> <div class="a"><font size="-1">？px</font></div> <!-- ３ --> <div class="a"><font size="1">？px</font></div>
- ベストアンサー
- HTML
お礼
とてもご丁寧に回答ありがとうございました。 アドバイスもとても参考になりました！ さっそくスタイルシートも使ってみます！