0

Web サイト内にフォントを実装するためのベスト プラクティスを探していましたが、これに対する本当の答えはまだ見つかりませんでした。

フォーラムやブログでは、多くの人がTypekitやCufon@font-faceを使用するのが最善の方法であると言っています。

私はこれらの 3 つのオプションが好きではありません。

Font-faceでフォントが粗くなります。

Typekitはフリーウェアではなく、使用したいフォントがすべて揃っているわけではありません。

キュフォンは帆布を使用。

フォントを実装する他の方法はありますか?

グレインなしでレンダリングする方法はありますか?

スクリーンショット:

マック ここに画像の説明を入力

ウィンドウズ ここに画像の説明を入力

4

2 に答える 2

3

フォントのレンダリングは、オペレーティング システム、OS のフォント固有の設定の一部、ブラウザ、およびフォント自体に依存します。フォントが画面での使用 (ヒンティングなど) に合わせて準備されているほど、見栄えが良くなります。彼らは「このようにして、それは常に良い方法です」ではなく、役割を果たす要因が多すぎます。上の画像では、非常に細いフォントをレンダリングしようとしていますが、これは常に問題であり、特にフォントのヒントが不十分であったり、小さいサイズに設定されている場合は特にそうです。TypeKit や google webfonts などのサービスの利点は、画面に最適化されたフォントを提供することです。そのため、フォント自体に慣れていない場合は、用意されているフォントを使用するか、フォントが悪い場合は自分で最適化する必要があります。

頑張ってください…</p>

編集：

Windowsである種のフォントレンダリングオプションを有効にするのを忘れたら、どこかにあったと思います: leftclick computer > properties > performance、しかし正確な場所はわかりません。Windowsを使用してそれを見つけることはもうありませんが、開始は»コンピュータの左クリック>プロパティでした« フォントの「アンチエイリアス」についてでした。ボックスにチェックを入れた後、見た目がずっと良くなりました。この場合も細いフォントでした…</p>

ご挨拶…</p>

于 2012-10-08T17:31:44.840 に答える
1

「粒状」とは正確には何を意味しますか？古いバージョンの Internet Explorer でしか見たことがなく、フォント スムージング用の CSS プロパティがあります。

TypeKit uses を使用する@font-faceと、別の方法でロードされるだけです。Google の Web フォントも試してみましたか?

使用する最良の方法に関する素晴らしい記事は次のとおりです。http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot?') format('eot'), 
       url('GraublauWeb.woff') format('woff'), 
       url('GraublauWeb.ttf') format('truetype');
}
于 2012-10-08T15:54:32.383 に答える