新しい日英D7サイトでIE8やIE9では日本語のフォントがおかしく表示されている問題をどうやって解消すればいいか

Events happening in the community are now at Drupal community events on www.drupal.org.
shinmaikeru's picture

初めまして、在日17年目のバイリンガルウェブアドミンのshinmaikeruです。

IEでの日本語フォント表示の問題で困っています。IEを死刑にするべきだと職場のシスアドの意見に共感するものの、大体政府やアドミニにIEユーザーが多いので、解決を見つけなければなりません。

感心のサイトはD7です。開発に手伝って貰っている業者がアメリカにいるAcquiaのメンバーですが、この問題だけは強敵のようです。サイトはよくできているし、プロジェクトはうまく行っていますし、FirefoxやChromeでは日本語サイドは本当に美しいです。しかし、IE8やIE9で日本語のサイトを見るとフォントが変に見えます。はっきり言って、互換表示モードを使わないと日本語のフォントがあまりにもブサイクでDrupalが悪く見えます。顔に泥って感じです。

具体的には、IE8や9ですと、互換表示で見ないと:
1)添付のイメージ通りで「採用情報」が中国の似ている文字になったり、
2)また添付のイメージでわかると思いますが、H1タグに入っている文字が太字/細字のミックスになったり、
3)全般的に文字と文字の間の間隔がバラバラで一貫性がない、不規則で、
4)「モデル」の「テ」に着く濁りてんてんや「サポート」の「ホ」に着く○が黒い■になる
等の不具合がかなり出て来ます。

英語サイドではTimesNewRomanを使っています。こうなったらこだわりをすてて一番無難な日本語フォント設定にしてもいいと思っています。もうギッブアップです。

この問題についてネットでいろいろ調べてトライして見たが、問題は解決できません:
http://freesoft.tvbok.com/tips/net_tips/
http://www.hachy.net/2010/08/ie9.html

One recommendation is that, for sites using "MS-PGothic", to remove the "sans-serif" from your the list.

http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-feature...

どうにかアドバイスをお願いして頂けないでしょうか。

AttachmentSize
Screen shot 2011-11-27 at 18.11.46.png5.53 KB
Screen shot 2011-11-27 at 18.10.08.png18.07 KB

Comments

OpenPublishのDrupal 6でも同じ現象が起きました。

hodota's picture

こんにちは、ほどたです。

OpenPublishの Drupal 6 版でこのIE特有の現象が起こりました。 フォントファミリー名を変更して対応しています。 今日も Drupal 7 版のOpenPublic beta 4 で同じ現象が起きたので変更しています。

マイクロソフトのページ  http://support.microsoft.com/kb/417057/ja  が参考になるかもしれませんが、最近のIEはIE固有の動きをするようで、FireFox、Safariとは違うようです。

font-family: "MS ゴシック",sans-serif; 

にすると改善するかもしれませんが、私の構築中のDrupal 7 版OpenPublicではメニューの動作が不安定です。デザインはOmegaを使っておりますが、IEの日本語特有の問題かもしれません。  

現状のご参考までに。

kazu Hodota Gennai3 Corporation email: hodota@gennai3.co.jp

ありがとうございます

shinmaikeru's picture

たすかります。一応、読んで、訳して開発者にfontファミリーの変更を依頼しました。
テストをして解決を見つけるしかありません。
報告します。

日本 コミュニティ: Drupal Japan User Group

Group organizers

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: