4

過去に @font-face Web フォントでこの問題が発生したことがあります。最近、無料のMuseo Sans 500 Web フォントをダウンロードしましたが、特定の文字間隔、特に文字 f で問題が発生しています。CSSletter-spacingプロパティを調整すると、「f」がある場合は常に、「f」に続く 2 番目の文字まで文字間隔が適用されません。

例えば:

ここに画像の説明を入力

または、単語を使用した別の例:

ここに画像の説明を入力

とにかく、フォントも使用しているこのサイトに出くわしましたが、サイトのテキストと文字間隔をいじっても問題はありません

ここに画像の説明を入力

これまでフォントを作成または編集したことがないので、これがフォント自体の編集に関係しているのか、それとも @font-face に関係していて、おそらく css で修正できるものなのかはわかりません。

私が知っているすべてのcssフォントプロパティをいじってみましたが、どれも問題を解決していないようです。

font-variant-ligatures:
font-kerning: 
letter-spacing:     
text-rendering: 
font-feature-settings: 
font-kerning: 
-webkit-font-smoothing: 
text-size-adjust:
font-size:

この問題を一時的に修正するために使用できる非常に気の利いたプラグインkerning.jsに出会いましたが、特に以前にリンクしたサイトのような他のサイトではうまく機能しているように見えるため、1文字ではやり過ぎのようです。CSSでこれを修正する方法についての提案、またはフォント自体と関係があるのですか>

4

1 に答える 1

11

これは、Museo のバージョンには合字が含まれていて、他のサイトの Typekit によって提供されているバージョンには含まれていないために発生します。文字「ffi」が互いに近くにある理由は、それが合字であるためです。つまり、3 つの個別の文字ではなく、3 つの文字の 1 つの「描画」です。最新のブラウザでは、これらがデフォルトでオンになっています。

で合字をオフにできるはずですfont-feature-settings: "liga" 0;。または、それらを一緒に使用しない場合、さらに簡単な解決策は、合字なしのバージョンの Museo を使用することです。

于 2016-11-10T09:09:25.440 に答える