組み合わせは、私は次のような問題がしているブラウザ

Question

では表示されません拡張、キリル、キリル拡張）。フォント形式を生成するために、私は私が .woff と .woff2の拡張子を持つファイル用に生成フォントリスを、使用しています。

@font-face { 
    font-family: 'firasanscondensed'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('../fonts/firasanscondensed-regular.woff2') format('woff2'), url('../fonts/firasanscondensed-regular.woff') format('woff'); 
} 

@font-face { 
    font-family: 'firasanscondensed'; 
    font-style: normal; 
    font-weight: 700; 
    src: url('../fonts/firasanscondensed-bold.woff2') format('woff2'), url('../fonts/firasanscondensed-bold.woff') format('woff'); 
} 

body { 
    font-family: 'firasanscondensed', sans-serif; 
} 

私のコンテンツは、文字 "Fiの" と "FL" の組み合わせを除いて正しく表示：

は、私は次のCSSコードを持つフォントが含まれます。たとえば、「Wi-Fi」は「Wi-」のように表示されます。 （の.ttf .eot、）私はより多くのフォントの拡張子を持つフォントを含めるしようとした問題を解決するために

と異なる順序で、しかし、状況は変わっていません。

私はGoogleフォントの方法を使用して：<link href="https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:400,700&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">を使用しました。この方法で私の問題は解決しています！しかし私にとっては、原則としてフォントをローカルに含めることです。

次のブラウザで問題が発生します。Google Chrome 55.0.2883.87; Mozilla Firefox 51.0.1。 IE10では、問題は表示されません！

ありがとうございます！

Answer 1

フォントをレンダリング（または本文）している要素に対してこれを試してください。

body { 
    font-feature-settings: "liga" 1; 
} 

あなたは、ベンダープレフィックスが必要になることがあります

body { 
    -webkit-font-feature-settings: "liga" 1; 
    -moz-font-feature-settings: "liga" 1; 
    -ms-font-feature-settings:  "liga" 1; 
    font-feature-settings:   "liga" 1; 
} 

（フォントがサポートしている場合）、この方法を切り替えることができる機能です。..

• LIGA：任意の合字
• onum：標準は
• dligを合字ライニング数字
• TNUM：表の数字
• ゼロ：ゼロ
• FRACを削減古いスタイルは
• LNUMフィギュア：画分
• sups：superscript
• SUBS：添字
• SMCP：小キャップ
• c2sc：首都からスモールキャピタル
• 場合：大文字と小文字を区別形態
• hlig：歴史的結紮
• CALT：コンテキスト交互
• swsh：スワッシュ字形
• ヒストリーフォーム
• ss **：文体セット
• ke RN：ローカライズされた形態
• rlig：必要結紮
• MEDI：中間形態
• INIT：初期形態
• ISOL：
• LOCLカーニング単離形態
• をFINA：最終は
• マークを形成します。マーク
• mkmk：マークトゥマーク配置

これらは1つのルールにまとめることもできます：

.element { 
    font-feature-settings:"liga" 1, "dlig" 1; 
}