CSS細明朝体の記述でレイアウトが崩れる！

Windows Internet Explorer Ver 6.0において、CSS内の記述で、「細明朝体」を記述すると、レイアウトが崩れました。

ホームページ制作時、最初は、 Explorerで何故レイアウトが崩れるのかがわかりませんでした。

CSSの記述は理屈通りなのに、 何故？何故？何故？・・・と首をかしげるばかりです。

この世にExplorerがなければと恨みもしましたが、ブラウザのシェアが圧倒的に多いExploreを無視するわけにはまいりません。

テーブルでレイアウトを配置すれば間違いありませんが、作り直すのも面倒でしたので、一つずつ検証することにしました。

CSSの記述の部分で、ある箇所を読み込ませないように記述しては、こまめにサーバーにアップロードして確認しました。

そしたら、なんとfont_familyの細明朝体の記述が原因であることがわかりました。

まさかフォントでレイアウトが崩れていたとは大きな驚きでした。

投稿：2007年７月19日

---

---

---