Firefoxで2ちゃんねるのAAがずれます

質問

AAをhtmlに保存しいつでもブラウザで見られるように編集していたのですが、
Firefoxのフォントをヒラギノにしているためかずれてしまいます。
「AA html ずれ」などのワードで検索し、cssを外部読み込みするところ
までたどり着けたのですが、なぜかAAの部分がMS Pゴシックで表示されません。

cssには

---ここから---
/*　AAをずれないようにする　*/

div.ascii-art{
font-size:12pt;
line-height:18px;
font-family: 'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック';
}
---ここまで---

このような記述をしました。
そしてhtmlには

---ここから---
<link rel="stylesheet" href="bace.css" type="text/css" />
---ここまで---

こう記述し、フォントサイズは問題なく適用されているようです。（12pt→16ptで変化があったため）
なぜフォントが適用されないのでしょうか？
原因を教えて下さい。よろしくお願いします。

回答No.2

karita_83 · ベストアンサー

記述に間違いがないかどうか
一度、
<div style="font-family:'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック';font-size:16px;line-height:18px;" >
ここにAAを描く
</div>

という方法を試してみてください。
これで表示がMSPゴシックにならないままであれば、
何か別の原因があるように思います。

ところで、
＞（12pt→16ptで変化があったため）
っていうのは逆なんですよね？？

ぜんぜん力になれなくてすいません・・・。

お礼

ご回答ありがとうございます。
> <div style="font-family:'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック';font-size:16px;line-height:18px;" >
> ここにAAを描く
> </div>

この方法で試してみましたがやっぱり表示はＭＳＰゴシックになりませんでした…。

> ところで、
> ＞（12pt→16ptで変化があったため）
> っていうのは逆なんですよね？？

はい、多分逆かもしれません。
16pt→12ptが正しいと思います。

回答No.3

asana123

>はい、多分逆かもしれません。
>16pt→12ptが正しいと思います。

大きい→小さい
になってるかどうか、っていうだけなんですけど、
かも、でしょうか？
ここを言い切っていただけると、font-familyだけきいてないんだろうな、
ってわかるんですけど・・・。

外部で読み込んでいるcssに、
@charset "文字コード";

を入れてみてください。
Shift-JISとか、UTF-8とか。
作っている文字コードを入れてください。

あとは、ご自分でしか見ないのであれば、
FireFoxのデフォルトを変えちゃう、っていう逃げではだめですかね？？

実は、もうゴシックになってる、なんてことはないのかなぁ・・・。

お礼

ご回答ありがとうございます。
曖昧な表現ですみませんでした。
きちんとフォントのサイズは変わっています。

font-familyだけ効いてないようです。
Firefoxオプションからフォントを変更した時のAAの変化をスクリーンショットで確かめたので、確実に、css等の変更ではMSPゴシックになっていませんでした。
（つまりフォントはヒラギノのままということです。）

外部cssには一応こんななってます。。
---ここから---
@charset "Shift_JIS";

/*　AAをずれないようにする　*/

aa{
font-size:12pt;
line-height:18px;
font-family: 'ＭＳ Ｐゴシック','ＭＳＰゴシック','MSPゴシック','MS Pゴシック','mspgothic','MS PGTHIC';
}
---ここまで---

<div class=""> ～ </div>タグの間は改行タグを使ってはいけないなどのルールがあるのでしょうか。原因が全く分かりません…。

回答No.1

karita_83

AAの部分には、たとえば

<div class=".ascii-art">
　 　 　　　＿＿＿_
　 　　　／⌒　　⌒＼
　　　／（ ●） 　（●）＼
　 ／::::::⌒（__人__）⌒::::: ＼
　 |　　　　　|r┬-|　　　　　|
　 ＼ 　　 　 `ー'´ 　 　 ／

</div>

という風にHTMLの方に指定がされていないと、
CSSを読み込むことはできませんが、こういった記述はされていますか？

お礼

ご回答ありがとうございます。
はい。確かにそのような記述をしています。

htmlとcssの作成は
・　http://mig60.net/archives/2006/09/aa.html
・　http://tail.s170.xrea.com/html/text/aa_promo/aa_setting/#style
この二つのサイトを参考にしました。

ちなみにhtmlにはこう記述しています
---ここから---
<div class="ascii-art">
ここに<br>
AA<br>
</div>
---ここまで---