GoogleフォントMontserrat in chromeフォントをレンダリングしない

Question

投稿する前に、私は検索して失敗した別のソリューションをテストしました。 Chromeはモンセラットファミリーのすべての正しいウェイトでレンダリングされていませんが、私はwin 10でクリアタイプのオプションを有効/無効にするように異なる解決方法を試しましたが、機能しませんでした。とにかく私はs.oを変更してこの問題を解決したくない。構成。 エッジとファイアフォックスのすべてが正しいです。

これは何が起こっているのですか？

私のようにフォントをインポートしています：

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,700,900'); /** font-family: 'Montserrat', sans-serif; **/ 

としてそれを使用して：

p { 
    font-family: 'Montserrat', sans-serif; 
    font-size: 16px; 
    font-weight: 100; /** 300 didnt work either **/ 
} 

Answer 1

The problems with font-weight and web fonts are known but sadly still not fixed.

Chromeは、まだウェブフォントとその重みを持ついくつかの問題があります。

フォントをローカルにインストールしておき、Webフォントを使用する代わりに、chromeが最初にロードします。考えられる回避策は、ローカルディレクトリからフォントを削除することですが、それが機能していても、ローカルにインストールされている他の人があなたのウェブサイトで同じ問題を抱えている可能性があります。

さらに最適な回避策は、フォントをダウンロードし、すべての重量を別のフォントとして読み込むことです。 CSSにローカルフォントをロードするには、このように使用するトラフ@ font-faceを定義します。

@font-face { 
    font-family: 'MontserratLight'; 
    font-weight: normal; 
    src: url('montserrat_light.eot'); 
    src: url('montserrat_light.eot?#iefix') format('embedded-opentype'), 
     url('montserrat_light.woff2') format('woff2'), 
     url('montserrat_light.woff') format('woff'), 
     url('montserrat_light.ttf') format('truetype'), 
} 

@font-face { 
    font-family: 'MontserratRegular'; 
    font-weight: normal; 
    src: url('montserrat_regular.eot'); 
    src: url('montserrat_regular.eot?#iefix') format('embedded-opentype'), 
     url('montserrat_regular.woff2') format('woff2'), 
     url('montserrat_regular.woff') format('woff'), 
     url('montserrat_regular.ttf') format('truetype'), 
} 

あなたは別のフォントとして使用します。

例

p { 
    font-family: 'MontserratLight', sans-serif; 
    font-size: 16px; 
} 

あなたがここにする@ font-face https://css-tricks.com/snippets/css/using-font-face/