こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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: 'MS Pゴシック','MSPゴシック','MSPゴシック','MS Pゴシック';
}
---ここまで---

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

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

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

投稿日時 - 2009-04-02 12:18:55

QNo.4846435

すぐに回答ほしいです

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

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

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

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

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

投稿日時 - 2009-04-02 17:07:03

お礼

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

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

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

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

投稿日時 - 2009-04-05 17:47:20

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.3

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

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

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

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

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

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

投稿日時 - 2009-04-07 13:23:11

お礼

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

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

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

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

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

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

投稿日時 - 2009-04-07 20:38:24

ANo.1

AAの部分には、たとえば

<div class=".ascii-art">
       ____
     /⌒  ⌒\
   /( ●)  (●)\
  /::::::⌒(__人__)⌒::::: \
  |     |r┬-|     |
  \      `ー'´     /

</div>

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

投稿日時 - 2009-04-02 15:26:50

お礼

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

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>
---ここまで---

投稿日時 - 2009-04-02 15:37:29

あなたにオススメの質問