0

フォントを埋め込むときに、文字間隔が Webkit (およびおそらく他のブラウザー?) で常に機能するとは限らないことを発見しました。2 つの異なるフォントで試してみましたが、異なる結果が得られました。

「League Gothic Regular」が動作します

http://www.theleagueofmoveabletype.com/fonts/7-league-gothic

「流砂の光」は

http://www.fontsquirrel.com/fonts/Quicksand

スキニーは何ですか？非準拠のフォントを強制的に使用させる方法はありますか?

簡単な注意: Firefox は両方のフォントに適用されるようです。

4

3 に答える 3

2

答えがわからないのですが、Font Squirrel の League Gothic で単語間隔の問題が発生していました。別の設定を使用してサイトのフォント フェイスを再生成するまで、その問題を解決できませんでした。私はポール・アイリッシュの防弾法を使用しています...

フォント リスの設定 http://img59.imageshack.us/img59/8784/screenshot20100428at132.png

于 2010-04-28T12:32:25.507 に答える
0

これはsvgフォントだけが原因のようです!!! 厳密に検証することはできませんでしたが、私のテストケースはそれを証明しています。

svg 形式を最後にして、font-face url を並べ替えます。これで問題が解決するはずです。ただし、svg フォントは使用されず、レンダリングは汚れている可能性があります(er)

于 2012-10-01T14:34:46.567 に答える
0

私は同じ問題を抱えていましたが、次のコードを使用して解決できました。

@font-face {
    font-family: 'League Gothic';
    src: url('/assets/fonts/league_gothic-webfont-webfont.eot');
    src: local('‚ò∫'),
            url(data:font/woff;charset=utf-8;base64,/* base64-encoded font here */) format('woff'),
            url(data:font/truetype;charset=utf-8;base64,/* base64-encoded font here */) format('truetype'),
            url('/assets/fonts/league_gothic-webfont-webfont.svg#webfontu5sqNtGI') format('svg');
    font-weight: normal;
    font-style: normal;
}

これは主にFontSquirrelから生成されたもので、少し変更されています (local() の部分を削除し、ジャンク文字を置き換えました)。

これにより、文字間隔の問題が解決されました。

于 2010-10-01T02:23:35.323 に答える