Yuna's Tedious Talk

日々思ったことをつらつらと書いてます。


IE7での英文・和文フォント指定で・・・。

先日から、WinXPにてIE7の半強制(?)インストールが開始されたようですネ。
私はLunascapeやSleipnirといった、IE「ベース」のブラウザを使うことはあるのですが、基本的にFirefoxやOperaやSafariなど、IEベース以外のブラウザのほうが使い勝手がよかったりするので、そのダイアログはまだ見ておりません。半強制といっても、インストールしないという選択肢もある模様。IE6のほうがなんとなく好きですね、7よりも。

先日、IEで閲覧していたところ、とある現象が起こりました。これはもうぐちゃぐちゃで、私にはちんぷんかんぷんな状態なのですが、IE7では必ず、IE6でもたまにおきる感じの現象です。



ウェブページをCSSにて、フォント(書式)を指定することがあります。
font-family:"MS Pゴシック";
といった感じで、自分がこの書式で閲覧者に見てほしいという指定をします。
ちなみに私のウェブページ(Magnolia-Gateのほう)ではこのような記述に。
font-family: Tahoma,verdana,"MS UI Gothic","MS Pゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
基本的にverdanaが好きなんですが、今回はTahomaにしていたわけです。これはブログのほうでも使っているスタイルです。文字コードはEUC-JP。XHTMLバージョンは1.0StrictTransitionalに変更しました。

うちのブログのサイドナビの部分は文字サイズを小さくして見せているため、サイズを10pxにしています。しかしIE6で見るときちんと10pxになっているのに、IE7で見た時に12pxになっていたので「おかしいな」と思い始めたのがきっかけでした。よくよく見ると、英数字はきちんと10pxになっているんです。日本語だけが12pxのまま(うちのサイト全体、12pxを基本フォントサイズにしています)。なぜだろう?IE7のバグ?なんて思ってたんですが…。(何でもかんでもバグのセイにするなって?w)

結局色々調べてみてもIEの仕様っぽくて、解決策がなさそうでした。現象としては↓のような感じになります。
文字コードがUTF-8以外(Shift_JISやEUC-JPなど)の場合
font-sample01.jpg

文字コードがUTF-8以外(Shift_JISやEUC-JPなど)の場合
font-sample02.jpg

フォントファミリーを指定する際に英文フォントを先に指定するとそのような現象が起こっちゃうみたいです。
英文フォント例:Verdana,Tahoma,Arialなど。
和文フォント例:MS Pゴシック、ヒラギノ角ゴ Pro W3など。
よく、英文フォントを先に指定すると、和文フォントの書体が指定してあっても反映されないと言ったことはあったのですが、二番目以降に指定されたフォントの大きさまで反映されないという現象は初めてだったのでちとびっくり状態です。Verdanaとかの英文字・数字が一つめに指定されていると、その文字(要は英数字のみ)はしっかり10pxになりますが、日本語の部分が12pxになってしまう。

そりゃもういろんな方法を試してみました。でも色んなケースで色んな現象が出ておりますです。

[:m060:]最初に指定する英文フォントがVerdanaだと日本語も10pxになる。
[:m060:]文字コードがUTF-8だとTahomaなどでも日本語が10pxになる。
[:m060:]でも、Arial、Helveticaなどを指定すると上記条件では日本語は12pxのまま。
[:m060:]IE6とIE7で表示にばらつきがある(IE6でなんともなくてもIE7で変とか)
[:m060:]font-size:11pxだとどっちにしても和文フォントサイズは12px?

ちなみにFirefoxとかOpera、Safariはお利口さんです。ちゃんと文字サイズも反映されていますし、和文フォントで最初に指定したものがきちんと反映されています(上記の場合はMS UI Gothicとか)。

結局の所、文字コード変えるとOKだったり、それでもだめな英文フォントがあったりと、まったくもってどのように解決したらよいのかはわかりません。
Tahomaを使いたくて、和文フォントは「MS UI Gothic」を使いたい、そして小さい文字も使いたい。そんな時はあれですね。[:m158:]とか[:m157:]で見てね♪ってことなんでしょうね…。もう閲覧者のことよりも自己満足の世界になってきてしまっている感じもします。きっとVistaのIE7とかでもXPとはちがうんだろうなぁなんて思いつつ。

とりあえずこのブログはTahomaではなくVerdanaで指定しなおして対応しました。
どなたかお詳しい方いたら是非対処法教えて頂きたいデス。><
comments (0) | trackbacks (0) | edit

posted by 由奈



Comments

コメントはありません。

Comment Form

 
emoji:
com_End


Trackbacks

トラックバックはありません。

tb_End

CALENDAR
NEW ENTRIES
CATEGORIES
RECOMMEND
【FINAL FANTASY REMIX】…
FINAL FANTASY REMIX

Music (発売日:2008-08-06)
RECENT COMMENTS
ARCHIVES
PROFILE
OTHER