github.com今回この記事で書く内容は、この実験場サイトで色々と検証した結果となる。OS・ブラウザのバージョン検証に使用したブラウザは以下のとおり。名」という2種類の表記方法がある。書いた場合とで、見え方に違いが出るか、各ブラウザで確認してみた。}実際に検証用に作ったページは以下。そのフォントが正しく反映されていると青色、反映されていないと赤色にしている。neos21.github.io手元で撮ったスクショは以下。エンジンなので、見た目も同じ。指定が上手く効いていることが分かる。名もテストしているので、スクショを貼っておく。ウェイトが搭載されていないので、見た目は「×」が多いが問題なし。名を指定すると、ウェイト込みでの指定も綺麗にできそうだ。指定すれば同じことなので、参考までに。一覧表にするとこんな感じ。指定に可能性が出たので、追加で細かい検証をしておいた。まで、9段階で実装しているモノをよく見かける。あれはあれで、精緻で堅牢な実装で、確実さはあるのだが、いささかコード量が多いと感じる。そこで、以前からやっていた簡素な書き方と、レンダリングに違いが出るか確認してみた。}実際の検証ページは以下。neos21.github.ioキャプチャは以下。ブラウザデフォルトとして指定しているので、比較しやすいかと。IEこのとおり、簡素に実装したバージョンと、詳細に実装したバージョンとで、描画のされ方に違いは見られなかった。描画も同時に確認しておいた。OKということで、「TL;DR」で紹介したコードに行き着いたというワケ。上書きするパターン、オリジナルのフォント名を作る簡素パターン、詳細に実装するパターンと、3つのバリエーションを掲載したが、どれを選ぶかは完全に好み。指定を上書きする1つ目のパターンが気に入っているかな。ウェイトの游ゴシックが当たってもいいかなーと。サイト作成者が実施できる対策だ。適用して読みやすくしたいと思うだろう。ブラウザ拡張機能を使い、次のようなユーザスタイルシートを導入してやると良い。利用できるようになっていたので、再掲。ファイルを空にしないとハングが解消できなくなった)。いうプロパティを指定すると、文字を太く見せられる。指定と併用すると良いだろう。部分をお好みに応じて増減する。指定しても良いと思う。ウェイトのフォントファイルと差し替えてしまう、という最終技。以前から紹介しているとおりで、一番効果はある。ページのフォントレンダリングを改善してくれるブラウザが1つもなくなっていた。有効・向こうを切り替えた時のキャプチャ。効いてはいるが、ページ中のフォントには影響していない。頑張るしかなくなったワケだ。指定に戻れることになって、ブラウザに振り回されてる感じ。