Fontin というフォントが気に入ったので、自分のサイトで使用することにしました。私はこのコードを使用しています:
<div style='font-family: "Fontin"'>Text here</div>
それらは私が見ているものです:
とても違う。そこで何が起こっているのですか?
さまざまなフォントレンダリングエンジンがたくさんあります。FirefoxはDirect2D(Windowsを使用している場合はClearTypeと組み合わせて)を使用しますが、Adobeは独自のエンジンを使用します。特に、Adobeのエンジンは、ブラウザと比較して多くのスムージングまたはアンチエイリアシングを使用します。このアドオンhttps://addons.mozilla.org/sv-SE/firefox/addon/anti-aliasing-tuner/を使用して、Firefoxのフォントスムージングを変更できます。また、ハードウェアアクセラレーションを無効にするオプションを変更すると、フォントのレンダリングが変わる可能性があると思います。
おそらくAdobe Readerのフォントスムージングです。[編集] -> [アクセシビリティ] -> [セットアップ アシスタント] で無効/有効にすることができます ([すべてのアクセシビリティ オプションを設定] を選択し、[次へ] をクリックして [テキスト スムージングを無効にする] をオンまたはオフにします)。
Firefox (html5 / css3 を使用) で同じ効果を得るには、-webkit-font-smoothing を使用します。
<div style="-webkit-font-smoothing: antialiased;"> Smooth Text ;) </div>