イタリック体で一部のGoogleフォントが正しく表示されない

Question

いくつかのGoogleフォントで奇妙な問題が発生しています。

例えば、私はMULIフォントを使用していますし、CSSルールがあるとき、一部のブラウザでテキストが斜体で表示されます。

p { 
    font-style: normal; 
} 

、私はいくつかのブラウザでGoogle Web Fonts websiteをも開いた（I 6種類のPCとMacで16種類のブラウザでテスト済み）、そのうちの2つだけで問題が発生しました（ChromeブラウザとFirefoxブラウザでそれぞれ1つずつ）。

This screenshotはFirefoxで表示されるフォントと

はなぜ唯一のいくつかのブラウザは、イタリックとして、これらのフォントを表示していましたイタリックスタイルでフォントを示し、ブラウザの横に並べた比較を示しますか？この問題を追跡するにはどうすればよいですか？

Answer 1

Speculatory！同じブラウザとブラウザのバージョンを使用して2台の異なるコンピュータでテストしている場合、おそらくOSのフォントの違いが考えられます。 FirefoxまたはChromeへの呼び出しが行われたときにGoogles APIを使用すると、ローカルの属性が使用され、OSのバージョンのフォントがあればそれを呼び出します。 OSによって呼び出されたり与えられたりしているフォントは、通常のフォントではなくイタリックである可能性があります。

ローカル属性を使用せずに、フォントをダウンロードして手動でインポートすることをお勧めします。

あなたはインクルードは、次のGoogleのフォントAPIが起こるインポートする場合：

のFirefoxからInconsolataの要求、例えば、以下のCSSを返します。

@font-face { 
    font-family: 'Inconsolata'; 
    src: local('Inconsolata'), url('http://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype'); 
} 

のInternet Explorerからの要求、その他に手、返します。

@font-face { 
    font-family: 'Inconsolata'; 
    src: url('http://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw'); 
} 

https://developers.google.com/webfonts/docs/technical_considerations