1

私は多くの異なるウェブでこの問題を抱えています。さまざまなアンチエイリアシングオプションを持つフォントがあります。デザイナーは、Web上のテキストのさまざまな部分で、さまざまなアンチエイリアシングオプションを持つ同じフォントを使用します。したがって、いくつかの要素には違いがあります。

この場合、私はシャープで、くっきりしていて、強くて滑らかです。フォントジェネレーターを使用して、@font-face経由でコードにアクセスできるようにしました。それでも、知っておくべき重要な場合は、元の.otfもあります。これにアクセスする方法はありますか？

私が意味することと私の実際のコードの写真をアップロードします：

ここに画像の説明を入力してください

@font-face {
    font-family: 'light';
    src: url('../_fnt/light/gothamrnd-light.eot');
    src: url('../_fnt/light/gothamrnd-light.eot?#iefix') format('embedded-opentype'),
             url('../_fnt/light/gothamrnd-light.woff') format('woff'),
             url('../_fnt/light/gothamrnd-light.ttf') format('truetype'),
             url('../_fnt/light/gothamrnd-light.svg#../_fnt/light/gothamrnd-light') format('svg');
    font-weight: normal;
    font-style: normal;
}
4

2 に答える 2

2

いいえ、そのようにテキストのレンダリングを制御する方法はありません。独自のレンダリング エンジンを備えているため、これらは Photoshop 固有の設定であり、他のプログラムでは使用できません。

実際には、ブラウザが異なればテキストのレンダリング方法も異なります。また、異なるコンピュータ上の同じブラウザでも、システム設定に応じて異なる方法でレンダリングされます。

あるブラウザのデザインとまったく同じようにページを表示すると、別のブラウザではかなり異なって表示されます。通常は、さまざまなブラウザーでテストし、ほとんどのブラウザーのデザインにできるだけ近く見えるようにし、いずれのブラウザーのデザインからもかけ離れていないことを確認する必要があります。

于 2012-09-29T21:57:01.330 に答える
0

Mac OS X の WebKit ブラウザーのみが、フォント スムージングに関連する CSS プロパティ、つまり-webkit-font-smoothing. antialiazedそこでも、値を削除しているように見えるため、何が起こっているのかは不明です。

したがって、実用的な目的では、フォントのスムージングは​​作成者の手に負えないものと見なし、さまざまなスムージング オプションでフォントをテストして、結果が少なくとも許容できるものであることを確認してください。

于 2012-09-29T23:16:22.877 に答える