外部スタイルにすると、一部のみ表示が違う

質問

掲示板のスタイルシートが長くなったため、外部スタイルシートにしました。
特に問題はなかったのですが、下記部分だけ反映されません。

span#n1 {
font-size: 22px;　　　　　←　○
color: hotpink;　　　　　　←　○
font-family: 富士ポップ;　　←　×
}

同じＰＣで見て違うので、フォントの指定は関係ないとは思いますが、
表示はゴシック体になってしまいます。（大きさ・色は指定どうり）

現在はこの部分のみ元に戻して、今までどうりに表示されていますが、
この部分だけ別というのもちょっとむずがゆいです。

このままでもいいですが、（原因・）対策があればご教授ください。よろしくお願いします。

回答No.1

taketan_mydns_jp · ベストアンサー

いくつか原因が考えられそうですが、
1. スタイルシートの優先順位は
タグに直接 > ファイル > 外部スタイルシート
と言う事になっていますが、ひょっとして font-familyをファイルで指定していませんか？

2. 文字エンコード違いの可能性
外部読み込みファイルの文字エンコードはどうなっていますか？
指定していますか？
マルチバイト文字（日本語）の場合、エンコードが違えば認識されない=無視される筈です。

恐らく、2.が怪しいです。
スタイルシートの行頭に
@charset 'UTF-8';
の様な文字コード指定をしてください。
読み出す時に
<link rel="stylesheet" type="text/css" href="hogehoge.css" charset="UTF-8"/>
の様に指定しても良いと思います。

参考まで。

お礼

ご回答ありがとうございます。

１に関しては大丈夫です。

２に関しては、レンタル掲示板なものでプログラムで
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=EUC-JP">
が自動的に入ってしまいます。その上で
<link rel="stylesheet" type="text/css" href="hogehoge.css" charset="UTF-8"/>
を挿入しましたが、変化はありませんでした。もともとできないのかもしれません。

回答No.3

taketan_mydns_jp

#1です。
外部ファイルの文字コードはEUC-JPですか？
それなら
<link rel="stylesheet" type="text/css" href="外部ファイルへのリンク" charset="EUC-JP"/>
じゃないと駄目ですよ。UTF-8はあくまでも例です。
シフトJISなら
外部スタイルシートの行頭に
@charset "Shift_JIS";
呼び出す時は、
<link rel="stylesheet" type="text/css" href="外部ファイルへのリンク" charset="Shift_JIS"/>
となります。

質問内容とは関係無いですが、ページはクローズなものですよね？
一般的なパソコンには『富士ポップ』というフォントは入っていないと考えた方が良いと思います。残念ながら、全てのOSで共通なフォントはありません。
http://rinrin.saiin.net/~aor/fonts/fonts

参考まで。

回答No.2

yambejp

とりあえず、外部ファイルで漢字をつかうのをやめ、
フォント英数半角の名前を指定してやってみてください。
（富士ポップがなんなのかはしりませんが、TTFのファイル名でいけるかな？）

<span style="font-size:5em;font-family:ＭＳ ゴシック">
ゴシック<span style="font-family:ＭＳ 明朝">明朝</span><br>
ゴシック<span style="font-family:MSMINCHO">明朝</span>
</span>