7

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

たとえば、私は Muli フォントを使用していますが、一部のブラウザーでは、CSS ルールが次の場合にテキストが斜体で表示されます。

p {
    font-style: normal;
}

また、いくつかのブラウザーでGoogle Web Fontsの Web サイトを開きました(6 つの異なる PC と Mac で 16 の異なるブラウザーでテストしました) が、問題が発生したのはそのうちの 2 つだけでした (1 つは Chrome ブラウザーで、もう 1 つは Firefox ブラウザーで) ）。

このスクリーンショットは、Firefox で表示されるフォントと、フォントをイタリック スタイルで表示するブラウザーを並べて比較したものです。

一部のブラウザだけがこれらのフォントを斜体で表示するのはなぜですか? この問題を追跡するには、何を探す必要がありますか?

4

1 に答える 1

4

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

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

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

于 2012-10-29T20:56:51.787 に答える