「メイリオ」による表示の崩れを直しました。
当サイトをご覧いただいている方から、サイト表示の崩れをご指摘いただきました。
原因は表示フォントが「メイリオ」(使用ブラウザはFirefox)だったことによるメニューのオーバーフローでした。私のPCはボロマシーンでXPなのでまったく気が付きませんでしたが、VISTAを利用されている方はもしかしたらメイリオを利用されていて、同様に表示が崩れていたのかもしれません。大変失礼いたしました。
確かに、ユーザーごとに表示フォントが異なるのですから、このような現象が起こりかねませんので、当サイトからのダウンロードテーマをご利用の際にもヘッダーメニューの左右幅に余裕を持たせてご利用いただいた方がいいようです。
最近、当サイトではArtisteerを利用してWPテーマを作成していますが、多くの場合ヘッダーの上かもしくは下にメニューを配置しています。左右に1行で収まっている場合には問題ありませんが、ページを作成した際にそのタイトルが長い場合には、1行に収まりきらず2行になってあふれてしまいます。ページのタイトルを短めに設定して左右に収まるように調整したりしているわけですが、左右ぎりぎりに収まっている場合にはフォントの違いによる微妙な拡大で、今回の現象が起こっていたようです。
あふれたメニューが2行になり、2行目のメニューがサイドバーを押して、さらにこのサイドバーがメインブロックを押してしまって、入りきれずにサイドバーの下に表示されるという現象でした。
こうした現象は、WordPressのサイトからテーマをダウンロードして利用する際にもごくたまに見かける現象で、サイドバーなどに連続した英数小文字(長いURL等)が入っていたり、左右幅が入りきれない画像が入った場合などにも起こることがあったかもしれません。ちょっと正確ではないかもしれませんが、ブロック配置が崩れてしまうような場合には、サイドバーかメインブロックの左右幅を少し小さめに設定すると、正常に配置される場合があるので、ダウンロードテーマで同様の現象がある場合には試してみてください。
今回私自身、メイリオを利用して当サイトを表示させて確認したのですが、どうもこの「メイリオ」というフォントがMicroSoftが謳っているほど表示がきれいなのかどうか良くわかりません。通常は「MSゴシック」もしくは「MS Pゴシック」などで表示している場合が多いと思いますが、私自身はこちらのフォントの方が表示がきれいに思えます。文字がある程度大きい場合には、ボリューム感のあるくっきりしたフォントだとは思いますが、通常の本文で利用している12px前後の表示だと変なにじみのようなものが感じられ、どうも好きになれません。まあ、フォントデザインというのも個人個人の好みですし、慣れもあるのでしばらく愛用すれば慣れてくるのかもしれませんが、、、。




よけいなお手間を取らせて申し訳ありませんでした。
メイリオはXP用のものも配布されていますので、XPでも試すことはできると思います。私はメイリオの方が断然読みやすいと思いました(一部の字形で変なのものがいくつかありますが)。