※ ChatGPTを利用し、要約された質問です（原文：CSSでフォントが適用されない）
CSSでフォントが適用されない
このQ&Aのポイント
CSSを使用してフォントを指定しているが、外部CSSを適用した場合にフォントが正しく表示されない問題が発生している。
他のCSSは正しく適用されているが、フォントのみが適用されず、代わりに明朝体のフォントが表示されている。
問題の原因は、外部CSS内のフォント指定の方法にある可能性があり、この問題を解決するために対策を行いたい。
CSSでレイアウトを作成しました。
フォントはMS Pゴシックを指定しています。
CSSを外部にしましたらフォントがMS Pゴシックではなく、明朝っぽくなっています。他のCSSは適用されているのにフォントだけが適用されていません。
※外部CSSにする前はMS Pゴシックになっています。
html
-------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="style/style.css" rel="stylesheet" type="text/css" media="all">
<title>無題ドキュメント</title>
-------------------------------------------------
外部CSS
-------------------------------------------------
@charset "utf-8";
html {
height: 100%;
}
body {
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka";
padding: 0px;
margin: 0px;
font-size: 0.8em;
}
-------------------------------------------------
どこが間違っておりますでしょうか？
宜しくお願いします。
お礼
すばやい返答にありがとうございます。 HTMLの方はUTF-8になっておりましたが、外部の際、CSSファイルの文字コードをUTF-8に指定してるの忘れてしまいました… あんな基本的なことを間違ってしまって恥ずかしい限りです。 どうもありがとうございました。