IE,Chromeでのレフトナビ表示を統一したい

Question

お世話になっております。

レフトナビ部分（PC）ですが、
IE（正常）とChrome（崩れ？）とで表示が異なっています。

統一するにはどうしたらよいでしょうか？

Accepted Answer

ECマスターズの田中です。

＞レフトナビ部分（PC）ですが、
＞IE（正常）とChrome（崩れ？）とで表示が異なっています。

確認したところ、Windows上で動作する各ブラウザでは、
IEでは「ＭＳ Ｐゴシック」というフォントを、
Chromeでは「メイリオ」というフォントを、
それぞれ用いて文字を表示しております。

メイリオの文字はＭＳ Ｐゴシックよりも若干横幅が広いため、
営業日カレンダーの右にある ■ が
1行に入りきれずに改行されてしまいます。

＞統一するにはどうしたらよいでしょうか？

たとえば、
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）に
下記のタグを入れていただくことで統一できます。

= この下の行から ====================

body { font-family: "フォント名"; }

= この上の行まで ====================

上記タグの

フォント名

の部分は、

ＭＳ Ｐゴシック
メイリオ

のいずれかに置き換えてご利用ください。

なお、Mac上のChromeでも、同様に文字幅の問題で■が改行されてしまいますので、
メイリオに統一していただき、横幅に余裕を持たせていただくことをオススメします。