Windows版Safari+メイリオは綺麗 : ARTIFACT ―人工事実―
Logo
 
この記事は書いてから 9年 経過しています。


このエントリーをはてなブックマークに追加
はてなブックマーク - Windows版Safari+メイリオは綺麗
Pocket

アップル - Safari[↑B]
 Windows版Safariは、WindowsのClearTypeを使わず、独自のレンダリングエンジンでフォントをスムージングしてくれる。MS Pゴシックのスムージングもいいのだが、一番綺麗に見えるのはメイリオだ。これはWindows版Safariから出た当時から言われていた話なんだけど、3.1が出た記念ということで。

Safari 日経BPIE 日経BP

Safari Impress WatchIE Impress Watch
※クリックで全体画像を表示
※環境はWindows XPでキャプチャー/Safariは上はフォントスムージングを弱に、下は中にしている。当初のキャプでは上の画面はスムージングを強にしていた
※液晶ディスプレイによってサブピクセルのRGBの並びが違うため、自分が見ている環境よりもぶれて見えている可能性があるという指摘があった。
Re:Windows版Safari+メイリオは綺麗 - IE6+ClearTypeのサンプル画像の表示が余計に見づらい人もいる? - 逃走航路@hatena[↑B]
 Ubuntuの標準のデスクトップ環境であるGNOMEでは、液晶のサブピクセルの順番を設定できるそうだ。
Linux Salad: フォントの表示を綺麗にしよう![↑B]

 フォントにメイリオを指定しているnikkei BPnetと指定がないらしいImpress Watchで比較してみた。左がSafariで右がIE。SafariはIEに比べて、かなり太い文字でレンダリングしているのがわかる。Safariは、WindowsのClearTypeというフォントのスムージングを使っておらず、ブラウザ自身でフォントのスムージングはしているので、このような違いが出る。フォントのスムージングは文字が細いと見えにくくなるので、確かにこうして太めに加工したほうが確かに見やすい。
 あと、メイリオ使用時の綺麗さは、ボールド書体(meiryob.ttc)が別途用意されているというところもあるのだろう。Safariで見ているとわかるのだが、MS Pゴシックを単純に太くしたボールド書体はあまり綺麗なものではない。

 最初にWindows版Safariが発表された当時は日本語表示ができなかったが、3.03からは日本語表示が問題なくなった。ただし、3.03まではテキスト入力に日本語が通らず、3.04から通るように。動作環境はWindows XP以上と指定されており、3.03はWindows 2000でも動作したのだが、3.04以降は自分の環境ではJavaScriptが使われているページを見ると落ちてしまう。JavaScriptを切れば動作する。なお、ClearTypeを搭載していないWindows2000でも、液晶ディスプレイ向けのスムージングが行われる。

 よくわからないのが、フォント指定がされていないページであっても、Safariでデフォルトフォントを設定しても、それで表示してくれるフォントと表示してくれないフォントがある。常時できないとMS Pゴシックにされてしまう。いろいろいじってみて、最終的にメイリオをデフォルトしてみた。フォント設定は、編集→設定→表示で、標準設定という設定から変更できる。
 大半のページでは、Safariで見ても、MS Pゴシックの指定が優先されてしまい、意外と綺麗ではないと思うかもしれない。しかし、Safariでメイリオを指定して、フォント指定されていないページやメイリオが指定されているページを見るとかなり印象が変わる。以下のサイトはメイリオで見られた。
読売新聞
asahi.com
Impress Watch
nikkei BPnet
マイコミジャーナル

 これまで、Windowsユーザー対策としてCSSではMS Pゴシックを指定していたが、メイリオを標準装備したVistaが登場した現在、これからは下手に指定しないほうがいいかも知れない。
※関連
CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 - webデザイナーのナナメガキ[↑B]

 この辺のブラウザとフォント指定を調べていたことをメモ。

 SafariがMSゴシックをスムージングしてレンダリングするので、誤解されているようだけど、MSゴシックでも本来どのサイズでスムージングできる。
Windows版Safariが「正式版」に,メニュー表示も日本語化:ITpro[↑B]

「MS Pゴシック」は,Webブラウジングでよく使われる16ポイント以下のフォント・サイズにおいて,Windows標準のアンチエイリアシング技術である「ClearType」が有効にならない。このためSafariは,ClearTypeとは別の技術でアンチエイリアシング表示を使用していると推測される。

 これはMS Pゴシックのフォント自体に、16ポイントサイズ以下において、ClearTypeが有効にならない設定がわざとされているから。
※関連
ARTIFACT ―人工事実― | Windowsのシステムフォントにアンチエイリアスをかける[↑B]

IE FG角ゴシック 日経BP 大体のフォントは似たような設定がされているが、Wordに入っているHGゴシックなどはその設定がされていない。画面はFONT GALLERYの角ゴシックを使ったもの。なぜオフにされているかというと、小さいサイズのフォントをスムージングするとCleartTypeでは薄く見えて実用に耐えないからだ。
※参考
航海日誌: Safari 3 for Windowsの表示[↑B]
 Acrobat Readerなど小さいサイズでもフォントスムージングを行ってくれるアプリケーションはあるのだが、Windows標準のレンダラーに頼ると、小さいサイズはフォントスムージングが切られてしまう。

 なお、それらを解決するためにWindowsのフォントレンダリングを乗っ取るgdi++.dllがある。ただし、使うと遅くなるようだ。
gdi++.dll[↑B]

 WindowsでOpenTypeのフォントを設定できるブラウザは限られていて、FirefoxとOperaで、IE6とSafariは使えない。IE7はわからず。IEはともかく、SafariでOpenTypeを使えないというのはちょっと不思議だった。

※関連
メイリオのレンダリングはSafariが美しい | BLOG × WORLD ENDING[↑B]
2007年12月の道具としてのパソコン・メイリオとアンチエイリアス[↑B]
 Windows版Safariとメイリオの話。

MSのクリスマス・プレゼント?,XPでも「メイリオ」が正式に利用可能に:ITpro[↑B]
 これまで正規のライセンスでメイリオを使うのは難しかったが、Visual Studio 2008 Express Editionをインストールすれば、正規に使用できる。

なつみかん。 | メイリオとヒラギノを比較する[↑B]
YOPPA BLOG ? 明瞭[↑B]
 メイリオとヒラギノ、MSゴシックなどのフォント比較。
蕎麦処 ぱろある亭: メイリオ[↑B]
 OSXではメイリオに埋め込まれたTrueTypeのヒンディング情報を使わずに、独自でレンダリングするため、OSXでは綺麗に見えるという話。今回のSafariもそこが関係しているのだろう。


これまでのコメント

  1. worris より:

    いやいやサンプル見る限りSafariのが読みにくいだろう。 Windows版Safari+メイリオは綺麗 : ARTIFACT ―人工事実― http://tinyurl.com/2qhaz6

  2. […] Windows版Safari+メイリオは綺麗Topic: 未分類| original article […]

  3. Dais より:

    [B!]Windows版Safari+メイリオは(18:27) http://tinyurl.com/2qhaz6 .

  4. [font]Re:Windows版Safari+メイリオは綺…

    Windows版Safari+メイリオは綺麗:ARTIFACT ―人工事実― サブピクセルの並びが画像作成者と逆かも知れず、IE+メイリオ(ClearType)のサン (more…)

  5. […] Windows版Safari+メイリオは綺麗 : ARTIFACT ―人工事実―Topic: 未分類|  Windows版Safariは、WindowsのClearTypeを使わず、独自のレンダリングエンジンでフォントをスムージングしてくれる。MS Pゴシックのスムージングもいいのだが、一番綺麗に見えるのはメイリオだ。これはWindows版Safariから出た当時から言われていた話なんだけど、3.1が出た記念ということで。 ※クリックで全体画像を表示  フォントにメイリオを指定しているnikkei … original article […]

  6. [ぴ] より:

    Safari のフォントレンダリングは太字・漢字には不向き…

    うーん、こういう例があるので↓いまいち賛同しかねる。 (more…)

  7. kABok より:

    [メモ]ClearTypeのSSは撮った環境と表示する環境の…

    Windows版Safari+メイリオは綺麗 : ARTIFACT ―人工事実― この記事に掲載されているSS。我が家の液晶モニタではIEのSSの文字が滲んで見える。 (more…)

  8. […] Windows版Safari+メイリオは綺麗 : ARTIFACT ―人工事実― […]

  9. MacCat より:

    About the ”Font”…

    今日は"フォント"について考えてみることにします。

    OSや環境によってインストールされているフォントが違う。
    書類作成やWebページ作成の際、視覚 (more…)

About

1997年から運営している個人サイト。2002年にブログ化。オタクネタを中心で書いていたが、最近はウェブサービスの話題が多い。
サイトの詳細
旧Movable Type版(2002/12から2006/11まで)
2002/12以前

Twitter Flickr
ARTIFACT@ハテナ系
はてなダイアリー
ARTIFACT BOOKMARK
はてなブックマーク
ARTIFACT clipper
tumblr
ARTIFACT@photologue
tumblrで運営している写真ブログ

AD

Recommend


61 queries. 0.364