Webフォントの導入を検討してみた結果報告。ひとぅブログひとぅブログホームAppleGoogleハード雑貨アプリウェブレビュー依頼お問合せWebフォントの導入を検討してみた結果報告。2014/07/07スポンサーリンクWebフォントの導入を検討するため、7月6日の一日限定でひとぅブログでWebフォントの表示テストをしました。今回はその結果検証をしたいと思います。回線は光またはLTEです。各機種で表示テストを実施しました。画面がどのように表示されているか?リアル画像はFlickrでオリジナルサイズをご確認をお願いします。768ピクセル)左:Safari、右:ChromeMacは標準フォントがきれいで、解像度がRetinaでなくてもアンチエイリアスがきれいに効いてきれいに表示されます。R」はさすがにきれい、落ち着いた表示になります。「読もう」という気持ちになりますね。表示速度は、Webフォント無しより0.5秒ほど遅くなった印象です。全体表示後にフォントが切り替わる様子ははっきりと確認できます。このチラつきがイラッとしますね。1536ピクセル)左:Safari(全体表示)、右:Safari(本文拡大表示)左:Chrome(全体表示)、右:Chrome(本文拡大表示)Retinaディスプレイはさすがにきれいです。R」ではさらに説得力が増すように感じました。読み込み速度の遅延とフォントの切り替えが気になりました。640ピクセル)左:Safari、右:ChromeiPhoneでもMac、iPadと同様の印象です。スマートフォン用の画面設計のため、適切な読みやすい大きさに表示され、とても読みやすいです。読み込み時の画面のチラつきさえ無ければ完璧なんですが......。720ピクセル)左:標準ブラウザ、中央:Opera、右、Opera(ヘッダ部分)解像度が低めの機種ですが、スマホなので特に画面に違和感はありません。R」はさすがにきれい......と感動しちゃいます。Androidの問題では無いかもしれませんが、Operaの場合、タイトルの文字が切れる現象が。再調整が必要になりそうです。1200ピクセル)左:Chrome(全体表示)、右:Chrome(本文拡大表示)高解像度の機種では本文を拡大表示するとかなりきれいです。Androidの丸ゴシックでないのがGoodです。読み込みの遅延、画面のチラつきはやはりあります。本文のみ拡大表示しています。標準フォントよりきれいで読みやすくなりましたが、残念ながらiPadほどの表示力はありません。Explorer、右:Chrome最後に一般的なノートパソコンの解像度のWindowsパソコンです。結果は上の画面の通り。ほんと残念でなりません。アンチエイリアスがまったく効いていません。Airと同じ解像度なんですが、この再現度の差はいったい......。Windowsって何でこんなに残念なのでしょうか。自分な好きなフォントを表示できるApple製品、Android、Windows高解像度の機種ではきれいに再現されるAndroidの丸ゴシックからおさらばできるWebフォントを使うといまいちな点ページの読み速度が長くなる通信量が増えるフォント切り替え時に画面のチラつきがあるWindowsの低解像度機種では残念な表示結果になる維持費がかかるWebフォントの導入を検討した一番の理由は、Windowsでもきれいなフォントで表示させたいから、でした。結果は上の通り、Windowsの画面解像度の低い機種では、本文ほどの文字の大きさではきれいにフォントを再現できないようです。アンチエイリアスが効かずビットマップフォントのように残念な表示になってしまいました。記事タイトルや大きなロゴなどの大きなサイズ(たとえば25ポイント以上)には効果があるようですが、本文くらいのサイズで利用したかったのです。総合的に考えると読み込み速度や通信量が増えること、さらに読み込み完了時にフォント切り替えのためチラつくことを考えると、今回はWebフォントの採用は見送りとすることにしました。ご意見やアドバイスをいただきましたみなさま、この場を借りてお礼を申し上げます。フォントの切り替えが必要ない方式もあるようですが、現段階では採用は難しそうなので今回は見送ります。前々から気になっていたことをじっくり検証できたのはある意味いい経験だったと思います。Pinterestひとぅをフォローする3815関係するかもしれない記事ひとぅひとぅブログ【ご意見募集】ひとぅブログでWebフォントを動作テスト中です定額音楽配信サービス「dヒッツ」「スマホでUSEN」「うたパス」を比較してみた(2014年7月版)ホームインターネットスポンサーリンクひとぅブログとは新しいものが好きな「ひとぅ」が2007年10月からApple製品や家電製品、ガジェット、ウェブサービスなどの情報を発信中。詳しくはこちらをご覧ください。SIM」が2020年8月31日で終了へ【これまでの記事まとめ】2020/02/182020/02/20【強制脱会】キヤノンMJ、2014年7月24日以降ログインのない利用者を強制脱会へ。