タイ研修いってきました
2014.02.21

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

  • このエントリーをはてなブックマークに追加
【HTML/CSS】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

この記事を書いた人

岩渕 裕WEBディレクター/マークアップエンジニア

岩渕裕です。アダ名は、ブチです。安い居酒屋が大好きで、渋谷の「一軒め酒場」か「すみれ」で飲んでます。趣味は、「サマナーズウォー」という携帯ゲームです。携帯は、ゲームをするために持っています。どなたか、サマナーズウォーの友達になって頂けませんか?サマナーズウォーをしながら、安い居酒屋でお酒飲みたいです。お願いします。

WEB制作WEB制作

BLOGBLOG

売れてるサイトはこんなに違う
あなたを求む。
  • RSSを登録する
  • Google+ Google+をフォロー

ランキングランキング

制作実績制作実績

企業の顔つくります。
売れてるサイトはこんなに違う。