IEで「○」「●」「□」「■」などの特殊文字が小さく表示されてしまう現象が存在します。
そこで、通常に表示させる方法をご紹介させて頂きます。
どうも、何でもできるレジェンド岩渕です。
1.日本語フォントを英文フォントより先に記述する。
cssファイル内でbody等にfont-familyを指定するとき、優先して欲しいフォントを先に記述します。
例えば、MS PゴシックもArialもPCに入っている場合、下記を記述するとMS Pゴシックで表示されます。
1 2 3 |
body { font-family: ‘MS Pゴシック’, Arial,sans-serif; } |
※注意点※
‘ヒラギノ角ゴ 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
この記事を書いた人
岩渕 裕プロデューサー
筋トレ、ランニング、料理、ザイグル(家焼き肉)、サイクリング、動画制作が趣味です。健康第一。