フォント合字を無効にするCSS（文字結合）

Question

最新のブラウザでは、最も一般的に「f」と「i」の文字を自動的に合字と呼ばれる1つの文字に結合します。これはしばしば読みやすさを最適化します（読みやすい）が、デザイナーが望むものではない場合もあります。

個人的には、のChrome（バージョン53.0.2785.101）でのみ問題が発生しましたが、わかりませんが、他のすべてのバージョンのChromeではこの問題は引き続き起こります。

クロム Fとiはが組み合わされて複数回

エッジ

IE11

この場合、私はそれをオフにする方法を探していました。

Answer 1

明らかになったように、ちょうど掘り出しが必要でした。 MDN, you can turn off common ligaturesに述べたように：

font-feature-settings: "liga" 0; 

これは、しかし、あいまいなCSSプロパティを使用して行われます。代わりに、あなたがそうのように、font-variant-ligaturesを使用する必要があります。

font-variant-ligatures: none; 

この2つのプロパティは、まったく同じことをして、しかし、後者は1をお勧めします。

MDN：

注：可能な限り、Web作成者がフォントバリアント簡略プロパティまたは関連する手書きプロパティ、フォントバリアント・リガチャー、フォントバリアントキャップ、フォントバリアント東を使用する必要があります-asian、font-variant-alternates、font-variant-numericまたはfont-variant-positionです。

このプロパティは、OpenTypeフォント機能を有効またはアクセスできない特殊なケースを処理するために設計された低レベルの機能です。

特に、小さなCSSを有効にするためにこのCSSプロパティを使用しないでください。