2

したがって、数週間のトラブルシューティングの後、これがすべてのブラウザーで最高のフォントを提示することがわかりました。

@font-face {
font-family: 'GothamBook';
src: url('../fonts/gotham-book-webfont.eot');
src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg'),
     url('../fonts/gotham-book-webfont.woff') format('woff'),
     url('../fonts/gotham-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

ただし、現在、ほとんどのブラウザーで優先されるフォントはSVGSafari であるため、処理に問題があるようですletter-spacing(つまり、無視するだけです) が、Chrome はそうではありません。だから私はそれがWebkitの問題であることを確認できません。

リストの一番下に SVG を配置すると、クロムはその上に別の形式を使用するようになり、アンチエイリアシングのない非常に悪いレンダリングになるため、私は SVG を使用することを好みます。

では、SVG フォントの文字間隔を無視する Safari の問題を解決する方法や、SVG が Chrome で引き続き使用されるようにフォント ソース リストを再配置する方法はありますが、Safari は別のものを使用しますか?

ありがとう。

4

0 に答える 0