0

私は最近@font-face、自分のプロジェクトでこのプロパティを使い始めましたが、ほとんどの場合、うまく機能します。ただし、一部の .ttf フォント ファイル (Fontsquirrel.com からダウンロード) は、Firefox では非常に途切れ途切れに見えますが、Chrome では見栄えが良いことに気付きました。.ttf ファイルは Firefox と Chrome の両方で動作するはずですが、そのように思われますが、途切れ途切れはかなり厄介です。誰でもこの動作の解決策を提供できますか?一般的に、クロスブラウザー フォントを実現するための信頼できる方法を提案できますか?

4

1 に答える 1

1

fontsquirrel webfont generatorを使用して問題を解決しました。これは、クロスブラウザーのフォントの問題に直面しているすべての人にお勧めする素晴らしいツールです。また、このような形式はほとんどの状況で機能します。

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    src: url('../content/Fonts/roboto-regular-webfont.eot');
    src: url('../content/Fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../content/Fonts/roboto-regular-webfont.woff') format('woff'),
         url('../content/Fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../content/Fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
}
于 2013-04-17T07:03:31.223 に答える