どうすればスムーズなフォントを入手できますか?エッジがすべてぼやけて見えるようにしたくありません。
ハッキーな解決策は問題ではありません:)
どうすればスムーズなフォントを入手できますか?エッジがすべてぼやけて見えるようにしたくありません。
ハッキーな解決策は問題ではありません:)
ヘッダーにCufónのようなフォント置換ソリューションを使用することもできますが、テキストの大きなブロックに使用するには非効率的です。
ブラウザのフォントレンダリングを変更しようとしている場合、それらはすべて独自のテキストレンダリングルーチンを持っているので、おそらくあまり運がないでしょう(ただし-webkit-font-smoothing
、SafariとChromeの最近のバージョンを見てください)。
すでに述べたように、-のCSSプロパティがありますが、font-smooth
これがどれだけ広くサポートされているかはわかりません。これは、OSまたはフォント自体で調整する必要があるプロパティである可能性が高く、もちろん、ローカルのみであることを意味します。Windowsには、モニターで適切に機能するようにアンチエイリアシングを調整できるClearTypeと呼ばれる機能があることを知っています。
Ben Alpertが述べたように、CufonやTypeKitなどのフォント置換ソリューションは、タイトルテキストのその他の潜在的なソリューションです。
実際には、Firefoxファミリのブラウザで実際に機能するテキストレンダリングと呼ばれるCSSプロパティがあります。ベンが言ったように、SafariとChromeファミリーのための-webkit-font-smoothingもあります。テキストレンダリングがInternetExplorerで機能するかどうかはわかりませんが、このコードはかなりうまく機能します。
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
また、ブラウザをカスタマイズする場合:
html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}