@ font-faceにCSSの問題があります

Question

私はこの派手な新しいスタートアップのWebサイトをフロントエンドでコーディングしており、特定のフォントを使用しています。私は@ font-faceを使用していますが、フォントはすべてのブラウザで表示されますが、いくつかの問題があります：

1）フォントがちょっと醜いように見えます。実際にこの問題が他のフォントと一緒に私に起こったので、フォントを滑らかにする方法を誰かに教えていただければ幸いです。

2）OperaとSafariでは、フォントは通常（まだピクセル化されている）レンダリングされますが、IE、Firefox、Chromeでは通常よりも大胆にレンダリングされます。フォントウェイトを入れてみましたが、フォントはウェイトをサポートしていないので正常です。その問題に関するアイデア？

私は本当にこのフォントが欲しいと私は誰もどのようにすべてのそれらのレンダリングの問題でフォントフェイスを使用して理解できません。私は何かが足りないことを願っている。

Answer 1

@ font-faceはOSフォントレンダリングエンジンを使用しているため、使用しているOSによって異なります。 Windows XPでは、正しく実行されることを忘れてしまいます。 Windows 7はIE7/8でもかなりうまく動作します。

フォントをギザギザにする原因の1つにCleartypeオプションがあります。このオプションをオフにすると、埋め込みフォントが既にアンチエイリアス処理されているため不要な余分なアンチエイリアス処理が行われないため、エッジを修正できます。あなたのヘッダに - クライアント側でのClearType を無効にする

一つの方法は、（0度回転のように、それが効果をトリガーする以外何もしませんので、ちょうどいくつかの簡単なプロパティを使用します）IE固有のfilter:プロパティを適用することですin css - フィルタレンダリングとCleartypeレンダリングとの間の競合を避けるためにIEがcleartypeをオフにします。しかしこれはIEだけを修正するでしょう。

Webkit固有の-webkit-font-smoothingも正常に動作し、chromeとcss3 font-smooth（これは決して使用されていないため、結果やサポートされているブラウザについては教えてくれません）とお手伝いします。

あなたが本当にあなたの選択したフォントを保持したい場合は、Cufonまたは同様のフォントの置き換えを使用することです。私の経験から、それは余分なスクリプトの負荷で仕事をします。

@ font-face全体的に、すべてのブラウザとシステムで同じように見えるようにするための堅固なソリューションはありません。