• 締切済み

CSSでフォントサイズを10ptに設定しても出力時大きくなる・・・

外部スタイルシートで、フォントサイズを10ptに設定し、モニターでは意図通り表示されていますが、それをプリンターで出力するとその部分の文字が大きくなってしまいます。他のサイトでスタイルシートでフォントサイズを指定してるものを出力してもモニターで表示されてる通り出力されるようですが・・・何が問題なのでしょうか? Mac OS9.1 使用ソフトGoLive5.0、スタイルシートについては、GoLiveのマニュアル本に書いてある程度のことしかわかりませんが、よろしくお願いします。 <style media="screen" type="text/css"><!-- h1 { font-weight: lighter; font-size: 10pt; line-height: 15pt } --></style>

noname#27052
noname#27052
  • CSS
  • 回答数2
  • ありがとう数2

みんなの回答

回答No.2

プレビュー画面で正しく表示されないのはドリームウィーバーでもよくあることです。ブラウザで意図どおり表示されているのならOKと思いますけど。

noname#27052
質問者

お礼

度々ありがとうございます! ブラウザで意図どおり表示されていれば問題ないってことですね。この方法で引き続きやっていくことにします。

回答No.1

media="screen,print" としてみてください。 プリンターが指定されていないことが原因です。

noname#27052
質問者

お礼

早速のご解答ありがとうございます。おっしゃるようにしてみたところ、指定通りのフォントサイズで出力できるようです。(プリントプレビューで確認) ところが、今度はGoLiveのレイアウト画面とプレビュー画面で文字が大きく表示されるようになってしまいました。 ブラウザ確認画面(IE)では、ちゃんと表示されています。 スタイルシート使用の目的は、文章の行間を少し広くすることです。

関連するQ&A

  • CSS font-size について

    cssでfont-sizeを指定したのに反映されなくて困っています。(スクリーンショットをとって確認したところ) 12pxと13pxは11px 14pxと15pxは13px 16pxは15pxになってしまいます。 プログラムは次のように打ちました。お願いします。 <HTML> <HEAD> <TITLE>無題ドキュメント</TITLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <STYLE type="text/css"> <!-- h1 { font-size: 12px; font-weight: normal} h2 { font-size: 13px; font-weight: normal} h3 { font-size: 14px; font-weight: normal} h4 { font-size: 15px; font-weight: normal} h5 { font-size: 16px; font-weight: normal} --> </STYLE> </HEAD> <BODY bgcolor="#FFFFFF" text="#000000"> <h1>春夏秋冬 12px</h1> <h2>春夏秋冬 13px</h2> <h3>春夏秋冬 14px</h3> <h4>春夏秋冬 15px</h4> <h5>春夏秋冬 16px</h5> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • 2beeブログで行間と文字の間隔を指定したい

    みなさん、こんにちは。 私は2beeのブログを利用しているのですが、行間と文字の間隔をCSSで空けようとすると、改行がおかしくなってしまいます。ちなみに私のヘッダーに打ったタグは… <style type="text/css"> <!-- H1{font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;} H2{font-size:10px; font-weight:lighter; color:#555; line-height:18px; letter-spacing:4px;}--> </style> の2種類です。また、これを使わずに、ボディに <span style="font-size:10px; font-weight:lighter; line-height:18px; letter-spacing:4px;"><!--body--></span> と打っても、行間が揃わず、改行も上手くいきませんでした。 とても困っているので、いい方法がありましたら、ご回答おねがいします。

  • CSSでフォントサイズを指定したのですがFirefoxでは反映されないのでしょうか?

    ある文章にfont-size:9pt;というCSSを外部スタイルシートで適用しています。 IEではきちんと9ptで表示されるのですが、 いつも使っているFirefoxの方が いっこうに変化がなく文字がとても大きいままです。 どうすればFirefoxでもIEでも同じように表示できるようになるのでしょうか? お詳しい方教えていただけますと幸いです。

    • ベストアンサー
    • HTML
  • CSSの{font-size:}について

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

  • CSS、おかしいですか?

    CSSですが、本を見てやっています。 下記のように記述したのですが、書かなくてもよい記述とか、おかしいところ、ありますでしょうか? <style type=text/css> body{font-size:10pt} td {font-size:10pt; line-height:12pt} tr {font-size:10pt line-height:12pt} dive {font-size:10pt;line-height:12pt} a:link {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:visited {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#990000} a:active {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} a:hover {font-size:10pt; font-weight:normal; font-style:normal; text-decoration:underline; text-align:left; vertical-align:; color:#ff0099} </style>

    • 締切済み
    • CSS
  • CSS・フォントサイズ変更は どこをいじれば?

    ホームページビルダー17で、以下のサイトのテンプレートをダウンロードして編集中です。 http://nikukyu-punch.com/template/giin1_pink/index.html 本文部分の文字が小さいのでもう少し大きくしたいのです。 これまではテーブルタグで作っており、CSSは初心者です。 文字部分を右クリックしてスタイルの設定を見ると 本文や見出し部分などのfont-sizeが100%だったり75%だったりします。 たぶんCSSのfont設定が細かく分かれているのでしょうが… あまり細かく分類せず、右のサイドメニューと本文の文字の大きさを font-size : 14px line-height : 150% にしたいというのが希望です。 このようなスタイルの設定の変更はどうすればいいのでしょうか。 スタイルシートマネージャーから変更すればいいのでしょうか? 一度スタイルを削除すると戻せないようなので、なかなか試行錯誤に踏み出せません。 画像などは変更できたのですが。 ご教授願えませんでしょうか?

  • cssのfont-sizeがFirefoxで効かない

    .css 記載したfont-sizeがFirefoxで表示すると、反映されません。IEでは、反映されます。 記載ミス?でしょうか。 colorは反映されます。 どうぞ、よろしくお願いいたします。 CSS部分 td{ color:#663300; font-size: 10pt; } html部分 <td>ああああ<td>

    • ベストアンサー
    • HTML
  • 【CSS】フォントサイズや幅や高さの指定値の範囲を教えてください。

    <STYLE TYPE="text/css"> <!-- .sample { font-size: 123px; height: 50px; color: red; } --> </STYLE> たとえばこんなような感じでコードを書いてみたのですが、 font-size: 等で指定するサイズや%値には範囲は存在するのでしょうか。たとえば%値なら0%~100%までなのでしょうか。

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

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

  • フォントサイズ

    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

専門家に質問してみよう