過去に @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でこれを修正する方法についての提案、またはフォント自体と関係があるのですか>