• ベストアンサー

【フォント】記述したCSSが反映されない

ログを検索しましたが同様の質問は無いようなので投稿させて頂きます。 先日PCを買い替えましてXPからVistaへと移行しました。 しかし新しいPCで自分のサイトを見てみると、CSSでフォントをTahomaに指定していたページの文章が何故かゴシック体で表示されています。 (サイトは旧PCでビルダー7を利用して作成したものです) 古いPCからHTMLのデータを移動し早速ソースを確認、上書き保存等してみましたがフォントはゴシック体のまま。 明朝なども試しましたが反映されてくれません。 やはりOSやブラウザの変更が原因なのでしょうか。アドバイスをよろしくお願いします。 ↓HTMLソースの一部を掲載します <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta name="robots" content="noindex,nofollow"> <STYLE type="text/css"> <!-- body { scrollbar-face-color: #000000; scrollbar-highlight-color: white; scrollbar-shadow-color: white; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: white; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000; } --> </STYLE> <style type="text/css"> <!-- a{ text-decoration:none; } --> </style> <style type=text/css> <!-- body,td { margin-top : 50pt; margin-left : 90pt; margin-right : 90pt; margin-bottom : 40pt; font-size :15px; font-family :'Tahoma'; } --> </STYLE> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <TITLE>(仮)</TITLE> </HEAD>

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

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

似たような質問が過去ログにありました。 http://oshiete1.goo.ne.jp/qa2971667.html 質問者様が文字を日本語で書かれているのか、英語で書かれているのか不明ですが 『Internet Explorer7ではTahomaなどのフォントは日本語対応していない文字』 とありました。 [Internet Explorer 7 で web サイトを参照すると以前のバージョンと比べて日本語フォント レイアウトが異なる] http://support.microsoft.com/kb/934462/ja 的外れなアドバイスでしたら申し訳ありません。

novemer
質問者

お礼

回答ありがとうございます! (似た質問あったんですね、見落としていました…) IE7でTahomaは日本語未対応とは全く知りませんでした。 細部を修正してTahomaから明朝にしてみたら問題なく反映されました。 本当に助かりましたありがとうございます。

その他の回答 (2)

  • colorbx
  • ベストアンサー率26% (4/15)
回答No.2

Vistaの中にTahomaフォントが入っていないとか・・・ 一応フォントフォルダを確認してみるといいかもしれません。 (標準で入っているようなのでその可能性は低いかもしれないです・・・) あと思いつくのはブラウザによるものですかね・・・ xpの時とVistaでブラウザの種類やバージョンは変えていますか? どちらも的確でなかったらすいません。

novemer
質問者

お礼

回答ありがとうございます。 解決できました。

  • ran_2323
  • ベストアンサー率43% (32/73)
回答No.1

font-family :'Tahoma'; を「引用符('')」で囲っているのが原因ではないでしょうか??日本語のフォント名や、フォント名に半角スペースなどが入っているものには「引用符('')」をつけますが、見たとこ必要ないのではと思いますが…。 今までどのブラウザで確認をされていたのでしょう??IE6は結構大雑把に記述を見てくれますが、IE7はIE6より正確にタグを判断しますから、正しく書かないと思い通りになってくれません。 それと、余計なお世話かもしれませんが、スタイルシート記述を一つにまとめられたほうが見やすいのではと思います。 <style type="text/css">~</style>の記述が何度も出てきてみずらいので、全部まとめてみやすくしてみてはいかがでしょうか?? あと、<style type="text/css">~</STYLE>などの小文字と大文字の混同も気になりますね。まぁ、これは参考までに。

novemer
質問者

お礼

早速の回答ありがとうございます。 引用符を取ってみましたが変化はありませんでした…。 以前はIE6を使用していました。 >スタイルシート記述を一つにまとめられたほうが見やすい そういう見方もあるんですね。ありがとうございます。 自分はずっとこの形式でやってきたので見づらいなんて欠片も思ってませんでしたw

関連するQ&A