2014.02.21

IEで特殊文字が小さく表示されてしまうのを防ぐ方法

  • このエントリーをはてなブックマークに追加

IEで「○」「●」「□」「■」などの特殊文字が小さく表示されてしまう現象が存在します。

そこで、通常に表示させる方法をご紹介させて頂きます。

どうも、何でもできるレジェンド岩渕です。

1.日本語フォントを英文フォントより先に記述する。

cssファイル内でbody等にfont-familyを指定するとき、優先して欲しいフォントを先に記述します。

例えば、MS PゴシックもArialもPCに入っている場合、下記を記述するとMS Pゴシックで表示されます。

※注意点※

‘ヒラギノ角ゴ Pro W3’のアルファベット部分「Pro W3」は半角ですが、’MS Pゴシック’は全角になりますので気をつけて下さい。

 

2.cssファイルもUTF-8にして、文字コードを宣言記述する。

ファイルの文字コードは全て揃えた方が良いです

cssファイルの場合、UTF-8にするだけでなく、cssファイルの1行目に下記を宣言します。

@charset=’utf-8′;

3.cssファイルがShift_JISの場合は、その旨を1行目に宣言する

cssファイルの文字コードを変更したくない場合は、Sshift_JISの宣言を記述します。

@charset=’shift_jis’;

4.ブラウザの設定が優先されている場合は、反映されない

サイト側でちゃんと指定していても、ブラウザの設定で無効にされている場合は反映されません。

まとめ

できましたか?

上記の方法で解決出来ない場合は、お問い合わせ下さい。

お電話でのお問い合わせ:03-5728-6825

この記事を書いた人

岩渕 裕プロデューサー

筋トレ、ランニング、料理、ザイグル(家焼き肉)、サイクリング、動画制作が趣味です。健康第一。

  • RSSを登録する
  • Google+ Google+をフォロー

ランキングランキング

制作実績制作実績