Tim Brownの2つの優れた記事「
Type rendering:operating systems 」および「
Type rendering:web browsers 」(2010年10月)を読んだ人、または同じ問題を自分で調べた人は、Windowsで、 Windowsのバージョンでは、ブラウザはレンダリングされたフォントの1つまたは2つの異なるアンチエイリアス(アウトラインの平滑化)システムを使用できます。
2つのうちの最高のものは、DirectWriteのClearTypeです(IEおよびFirefoxの最新バージョンは、Windows 7およびWindows Server 2008 R2で使用されます。PlatformUpdateがインストールされている場合、Windows VistaおよびWindows Server 2008でも使用されます):水平方向(ClearTypeサブピクセルレンダリングを使用)および垂直方向。
GDI +の以前のClearTypeシステム(文字通りすべてのブラウザーはWindows XPで使用)はあまり良くありません:水平方向のフォントアウトラインのサブピクセルレンダリング
のみを使用します-しかし、シンボルラインが1つで垂直方向にジャンプするたびに「ステップ」の外観を妨げません別のピクセルの行。 この機能により、たとえば昨日の
Russoフォントで利用可能な
ほぼ水平線を表示するのが特に苦痛になります。
しかし、逆の問題も発生することがわかります:Windows XPで長年フォントデザイナーが完全に満足していたフォントは、最新のオペレーティングシステムでDirectWriteに表示された後、サイズによっては不快に薄くなることがあります。 これらは、特に、Windowsオペレーティングシステムファミリの一部としてMicrosoftによって配布されたArial、Tahoma、およびVerdanaフォントでした。 DebugTheWeb Webサイトでは、この問題を示すスクリーンショットが情報(および
<canvas>キャンバスの情報)に提供されている
テストページを簡単に見つけることができます。 そこで、フォントの表示と参照を比較できます。
マイクロソフトは、この問題を解決する更新
KB2545698をリリースしました。
解決された問題はIEとFirefoxでの3つのフォントの表示に同様に関係していたため
、その本質は
Microsoft Corporationと
Mozilla Foundationの従業員
のブログですぐに説明されました。 この更新プログラムには、Arial、Tahoma、およびVerdanaの3つのフォントすべての新しいバージョンが含まれています。 彼らはよりシャープで太くなった。
ロシアでは、Windowsユーザーの多くがマイナーと思われるオペレーティングシステムの更新を無視しているため、この更新にフォントの表示に注意を払っているHabrahabrユーザーの注意を引くことが重要なようです。
Firefoxブラウザのユーザー向けに、バージョン7以降の特別な隠し設定があることを思い出させてください:サイズが16未満の場合に強制的にインクルードが発生するようなフォント(
@ font-faceディレクティブを使用してインターネットからダウンロードされないシステムフォント)のリストDirectWriteの代わりにGDI。 デフォルトでは、リストにはArial、Consolas、Courier New、Microsoft Sans Serif、Segoe UI、Tahoma、Trebuchet MS、およびVerdanaのフォントが含まれています。 上記の3つのフォントの太字バージョンをインストールした後、
「about:config」ページを使用してこのリストからそれらを手動で削除できます
。すぐに言わなければなりません:この場合、リストからこれらの3つのフォントのみを削除し、他のフォントに触れることなく、上記の問題が消えていないのは合理的です。 以下に、GDI +とDirectWriteのSegoe UIマッピングの比較例を示します。これは、Graphic bitsブログで
提供されました。
![[セゴエUI]](https://habrastorage.org/getpro/habr/post_images/8f8/77a/e64/8f877ae64729899e232ec2cc4679c028.png)