「メイリオ」による表示の崩れを直しました。

当サイトをご覧いただいている方から、サイト表示の崩れをご指摘いただきました。
原因は表示フォントが「メイリオ」(使用ブラウザはFirefox)だったことによるメニューのオーバーフローでした。私のPCはボロマシーンでXPなのでまったく気が付きませんでしたが、VISTAを利用されている方はもしかしたらメイリオを利用されていて、同様に表示が崩れていたのかもしれません。大変失礼いたしました。
確かに、ユーザーごとに表示フォントが異なるのですから、このような現象が起こりかねませんので、当サイトからのダウンロードテーマをご利用の際にもヘッダーメニューの左右幅に余裕を持たせてご利用いただいた方がいいようです。

最近、当サイトではArtisteerを利用してWPテーマを作成していますが、多くの場合ヘッダーの上かもしくは下にメニューを配置しています。左右に1行で収まっている場合には問題ありませんが、ページを作成した際にそのタイトルが長い場合には、1行に収まりきらず2行になってあふれてしまいます。ページのタイトルを短めに設定して左右に収まるように調整したりしているわけですが、左右ぎりぎりに収まっている場合にはフォントの違いによる微妙な拡大で、今回の現象が起こっていたようです。
あふれたメニューが2行になり、2行目のメニューがサイドバーを押して、さらにこのサイドバーがメインブロックを押してしまって、入りきれずにサイドバーの下に表示されるという現象でした。

こうした現象は、WordPressのサイトからテーマをダウンロードして利用する際にもごくたまに見かける現象で、サイドバーなどに連続した英数小文字(長いURL等)が入っていたり、左右幅が入りきれない画像が入った場合などにも起こることがあったかもしれません。ちょっと正確ではないかもしれませんが、ブロック配置が崩れてしまうような場合には、サイドバーかメインブロックの左右幅を少し小さめに設定すると、正常に配置される場合があるので、ダウンロードテーマで同様の現象がある場合には試してみてください。

今回私自身、メイリオを利用して当サイトを表示させて確認したのですが、どうもこの「メイリオ」というフォントがMicroSoftが謳っているほど表示がきれいなのかどうか良くわかりません。通常は「MSゴシック」もしくは「MS Pゴシック」などで表示している場合が多いと思いますが、私自身はこちらのフォントの方が表示がきれいに思えます。文字がある程度大きい場合には、ボリューム感のあるくっきりしたフォントだとは思いますが、通常の本文で利用している12px前後の表示だと変なにじみのようなものが感じられ、どうも好きになれません。まあ、フォントデザインというのも個人個人の好みですし、慣れもあるのでしばらく愛用すれば慣れてくるのかもしれませんが、、、。

Print Friendly

One Response to 「メイリオ」による表示の崩れを直しました。

  • 悟理 says:

    よけいなお手間を取らせて申し訳ありませんでした。

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

WordPressテーマ配布
Screenshot_14-200

リニューアルに際してWPテーマを用意しました。上の画像をクリックしていただくとダウンロードページが開きます。
★すべてカスタマイズを前提にしたテーマで16種類用意しました。そのまま使うと少しシンプルすぎるデザインですが、オプション設定や10個のウィジェット設定が可能など、意外に高性能。(※カスタマイズ方法のページも用意しました。)

PCを寄付してください!!

三陸の被災企業にパソコンを寄付してください!
余ってるPCを被災地に寄付していただけませんか?詳しくは、サイト管理人が運営しているNPOサイトでご確認ください。(※なお、ご寄附いただくPCはWindows XP以降とし、できれば512MB以上搭載を希望します。)

■2次募集期間:2012年4月~6月



にほんブログ村 IT技術ブログ CMSへ にほんブログ村 デザインブログ Webデザインへ
にほんブログ村 IT技術ブログ Webサイト構築へ