メイリオのススメ

category-icon

たまにはCSSの話でも。あ、前の記事のオートポスト添付、060630が最新版です。lib.jsの最新版も同梱してます。SafariでもAjaxコメントが開くようにしたりとか、角丸スクリプトをちょい修正したりとか。

 Windowsの次期バージョンであるVistaには、日本語向けに新しく「メイリオ MeiryoG」が標準フォントとして搭載されるそうですが、Windows標準の日本語フォントでは初めてClearTypeに対応しているんじゃないでしょうか。

 マックOSXで日本語を含んだページを見るたんびに、何てフォントが綺麗なんだ!って思った方は自分だけではないはず。これは、アンチエイリアス処理を施してフォント境界のギザギザ(ジャギー)を目立たなくしているからスムーズに見えるんだと思うのですが、何でマックに出来てウィンドウズに出来ないんだ!と思ってしまいます(マック使いの方、失礼)。まぁ、来週の月曜にはマックブック(くろ)が自分の手元にも届くわけですが。。

 で、この進化したフォントのメイリオを今のWindowsXPにも入れてみて、とりあえず次世代の雰囲気を味わいたいですよね。ググればいくらでも出てくるのですが、結構いろんなとこで配布しています(ここLink とか)。純正の開発バージョンということらしいですが。インストールの仕方は各ブログを見ていただくとして、なかなかいい感じです。小さいサイズでもきちんとエイリアス処理が効いて(ClearType有効時)、これまでの、情けないくらいギザギザのMS P ゴシックなどよりは、はるかに見やすく、これでマックと肩を並べられるかもです。

 ちょっとだけ気になる点は、アンチエイリアス処理が微妙な文字があることです。例えば、このブログの3つほど前の記事のタイトルに「更新」という文字を含んでいますが、この「更」の字の最後の一筆が何だかジャギーじゃないですか? これは自分のPCのグラフィックの問題なのか、それともXPに入れているからなのか分かりませんが。

 あとは、カタカナの文字高が漢字のそれと同じだったり。通常、カタカナは全体のバランスを考えて、ひらがなのサイズと合わせているものですが。まぁ、この辺りはデザイナーのポリシーもあるんでしょう。慣れない内は、「何かカタカナでかくない?」って思います。

 ほかには、文字幅が若干広くなるので、もしブログなどのスタイルシート(CSS)で、このメイリオをフォント指定すると、ページのデザインによっては表示が崩れる可能性もあるかと思います。

 百聞は一見に如かずなので、各OSでのスクリーンショットを載せておきますね。
osx-shot
マックOSXでのショット。更新の「更」に注目。スムーズですね。
win-mspgothic
次がウィンドウズのMS P ゴシックでのショット。ギザギザですねぇ。
win-meiryo
これが次世代フォント「メイリオ」。総じてキレイ。だけど「更」に注目。マックに比べるとまだか?カタカナのサイズにも着目

 いかがでしょうか。メイリオは確かに明瞭ですが、「更」の字はまだジャギーな感じは否めません、マックに比べると。自分のPCだけの問題なら良いのですが。ズームアップした画像もどうぞ。

osx-zoom
マックOSX
win-meiryo-zoom
メイリオ。まぁまぁ。
win-mspgothic-zoom
MS P ゴシック。論外(笑)。

 どうでしょうか。何だかケチを付けてしまいましたが「メイリオ」が魅力的なフォントであることに変わりはありません。皆さん、現行のパソコンにもMeiryoフォントをインストールしましょう。 以下、余談になりますが、最初メイリオを見たとき、自分が中学生ぐらいのときに実家にあった東芝のワープロ「ルポ Rupo」のフォントを思い出しました。それに似ているよなと。昔は、パソコンなんてなくて文書作成はワープロでしたからね。あの頃が全盛期だったよなぁ、ワープロ。で、この東芝ルポのフォントというのが、明朝体でもゴシック体でもなく、何だかその中間のスタイルだったんですよね。軒並み、他社がこぞって明朝体を採用していたのに何でだろうと思ったものです。ブラザーの明朝体なんか、特にきれいだなぁと感じたものです。同じ24ドット(!)でもこんなに違うんだって、妙に感心したり。最初はルポのフォントに不満を持っていましたが、その内に、まぁ、これはこれでオリジナリティーがあってよいかもと思うようになりました。古き良き思い出ですね

追記

「東芝ルポ フォント」でGoogleで検索したら、一番上のサイトLink に、上述フォントのショットがありました。そうそうこんなんでした:)http://rupo.nanzo.net/tosfont.htmlLink

 

— posted by martin at 05:56 am   commentComment [8]  pingTrackBack [0]

この記事に対するコメント・トラックバック [8件]

scrollUp1. LOVELESS — 2006/07/02@19:29:22

martin さんはじめまして。記事を読んでさっそくインストールしてclear type を適用してみました。
私は普段仕事で OS X を利用しているんですが、インストール後にこのブログを見て「あの感覚」を瞬時に違和感なく得ました。
でも確かに微妙な部分も…。左の「最新10件のコメント」のような小さなフォントではかなり違和感が…
ともあれMSゴシックなどに比べて綺麗目になったのは喜ぶべきですね。
JIS2004 の対応文字は綺麗なのかな?
1.5の正式リリース楽しみにしています(^o^)

Owner Comment martin Website  2006/07/03@07:22:58

LOVELESSさん、はじめまして。そうですね、確かに文字によっては、つぶれてしまうやつもあるようで。この辺りが最終的にどうなるのかは気になりますが、それでも、今までに比べると格段の進歩ですよね。Vistaのリリース楽しみです。って、その前に1.5のリリース頑張ります。

3. ハッスル寅男 Website — 2006/07/05@03:15:37

メイリオ…確かによさげなフォントですね。WindowsとMacで一番大きな違いの一つがこのアンチエイリアスの性能ですよね。普段はMacOSXでウェブを閲覧しているせいもあって、いざサイト制作でWindowsで確認するとそのフォントの見栄えの違いに落胆してしまう事が多々あります。サイトによっては別のサイトと思ってしまう程です。デザイン重視か、効率重視かという制作者サイドの考え方で進化がこうも変わってくるものなのでしょうかねぇ…Windowsでも早く奇麗なフォントでブラウジング出来るようになって欲しいですよね。あとそれから、ppBlogの最新版、心から楽しみにしています。

Owner Comment martin Website  2006/07/06@05:49:39

既知のバグを2-3個把握しているので、それをfixしてからリリースします。週末にはアップできると思います。

5. ハッスル寅男 Website — 2006/07/09@03:45:45

:)最新リリース楽しみにしています。当サイトに新たにppblogを設置してカスタマイズやレビューを行く予定でいます。テンプレートもガラッと変えて楽しもうと考えています。個人的に、記事の更新が素早く行える点とMacを考慮されて作成されている点がすごく気に入っております。あまり無理をせずお体にお気をつけ下さい。:)

scrollUp6. たもん — 2006/09/15@17:22:31

(++!)
横に長い斜線・曲線はClearTypeの技術的にジャギーが目立つようです。
1ピクセルを縦に3分割(RBGを個別に使う)して使うからだそうです。
だから、普通のアンチエイリアシングを行うとMacOSXのようになると思います。
(線が太く・ぼやけた感じになり、標準では小さいサイズではアンチエイリスが効かないので汚い(TT)
参考?
www.atmarkit.co.jp/fpc/xp_feature/cleartype/cleartype.html

7. ボビー Website — 2006/11/17@16:33:28

シャギーさが取れてよさげなフォントですね。

Owner Comment martin Website  2006/11/20@05:25:04

個人的には、メイリオがデフォルトなWindows Vistaは楽しみなのですが、
Vistaが十分に流布するのは、2-3年後ですかねぇ。それまでメイリオも
メジャーにはならない訳で。。しかし、マック(OSX)のフォントはきれいだ。

この記事に対する TrackBack URL:

設定によりTB元のページに、こちらの記事への言及(この記事へのリンク)がなければ、TB受付不可となりますのであらかじめご了承下さい。

コメントをどうぞ。 名前(ペンネーム)と画像認証のひらがな4文字は必須で、ウェブサイトURLはオプションです。

ウェブサイト (U):

タグは使えません。http://・・・ は自動的にリンク表示となります

:) :D 8-) ;-) :P :E :o :( (TT) ):T (--) (++!) ?;w) (-o-) (**!) ;v) f(--; :B l_P~

     
T: Y: ALL: Online:
Created in 0.0044 sec.
prev
2024.4
next
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30