当サイトの説明に関することが書かれている About にて挙げられている対応ブラウザには一部マッキントッシュ専用のブラウザも含まれていますが、私は Windows マシンしか所有しておらず、Mac 系ブラウザでの表示確認はマックを持っている友人宅に押し掛けて確認させてもらっています。しかし、サイト公開以降も細かいところでちょこちょこと CSS を修正変更しているので、以前得られていた表示結果が今も健在ということが保証されていないのが怖いところです。
それでも一応は規格準拠な記述を心がけているので、とんでもない結果になることはないと思います。
一応 Windows 用ブラウザとしては IE、 Netscape、 標準 Mozilla、 テクノロジープレビュー Mozilla、 Opera、 などによる表示確認を CSS 構築時の基本としていますが、前述の通り Mac ブラウザでの確認はたまにしか行うことができません。Mac ブラウザのうち Mozilla (Gecko) 系列の Netscape、 Camino、 などはいいとしても、 OmniWeb 4.5、 Safari、 Mac 用 IE などはそれぞれ独自のレンダリングエンジンを持っており、これらのブラウザの予想外な挙動（バグ含む）は全くもって予測不可能です。
なるべく仕様に準拠したコーディングを心がけていますので、あとの結果については「お星様におねがい☆」ってな感じになってしまうのですが（笑）、やっぱり実際に表示の確認ができればそれに越したことはないわけで、しかしそのためにわざわざ Mac を買うのもなぁ～といった人（自分含む）にとって便利なツールがありました。こちらからの情報です。
ここでは、入力された URI のページが Safari によってレンダリングされた結果を PNG 形式の画像ファイルとして受け取ることが出来るというものです。いや～すばらしいですね。こういうの待ってました！
とりあえず今回得られた Safari レンダリングによる 当サイトページのサンプル。
Windws と違って Mac OS では通常表示の日本語フォントもアンチエイリアスされるんですよね、羨ましい…。ちなみに Redhat Linux でもアンチエイリアスされます。Windows のゴシックがアンチエイリアスされないのは意図的なものらしく、フォントの設定を変えればアンチエイリアス表示されるようですが、私はうまくいってません。
以降のサンプルは私の Windows XP マシンにてキャプチャした各ブラウザの表示結果です。ウィンドゥデザインがちょっと違うのはビジュアルスタイルをいじっているからであって、Mac OS の画面をキャプチャしたわけではありません、念のため。
しおり部分のフォント表示が違うという方は、該当フォント (Impact) そのものが Windows にないか（MS Word 等をインストールすれば導入されるはずです）、アンチエイリアス表示において"Clear Type"が選択されていないか(XP のみ)のどちらかでしょう。
トラバ有り難うございます。
その後、もっと凄いサービスを見つけてしまいました。
有料のようですが・・・（;´Д｀）
詳しくはblogの方で(・∀・)
コメントする