0

Web サイトで Google フォントを使用する際に問題が発生しました. font-size を使用した場合にのみ問題が発生します. 一部の文字が小さくなったり、上部が切れたりします. Google フォントの Web サイトでは問題ありませんが、サーバーで使用しようとすると表示されます。

スクリーンショットでは、П と Г の文字が他の文字よりも小さいことがわかります。行の高さは役に立ちません。

これが私のコードです：

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,700&amp;subset=latin,cyrillic-ext,cyrillic" media="screen">

と：

<span style='font-family:"Open Sans", sans-serif; font-size:16px; font-weight:300; font-style:normal;'>ПРОГРАММА глАнаяГа</span>

簡単なサンプル コードを Web にアップロードしました: http://tochka.cz/fontstest/

linux|osx では問題ありませんが、すべての Windows ブラウザーでのみ、font-size:16px が問題になりますが、font-size:17px は問題ではありません。

よろしくお願いします。

4

3 に答える 3

2

これは、使用されているフォントの設計上の欠陥です。すべてのサイズの異なるフォント レンダリング技術で動作するようには設計されていません。このような問題は、一部のサイズの Google フォントで発生し (以前に確認したケースは 17px サイズの Sansation フォントでした)、特に Windows でのフォント レンダリングに関連している可能性があります。

早急な解決策はないと思います。Google フォントはさまざまな環境 (特に Windows) でテストする必要があります。フォント フェースとフォント サイズの組み合わせに問題があることが判明した場合は、それを避けてください。1 ピクセル小さいまたは大きいサイズを使用すると効果的です。これは、十分に豊富な文字レパートリー (大文字を含む) をカバーするテキストでテストする必要性を強調しています。

更新: Google Web Fonts サイトは別のフォント ファイルを使用しており、次の (サイトの CSS から抽出した) でテストすると、問題は発生しません。

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(http://themes.googleusercontent.com/licensed/font?kit=DXI1ORHCpsQm3Vp6mXoaTb7uYOTH0fqwR2fK3MMTyiuruusgsetRaCmkKU2Of3BmMh8Htnga2sTO__4Bgy4aRUbOfyIL9KspCxN8ekvQQBzoq8GLqcC6GrPYOPNC3QDT) format('woff');
}

残念ながら、そのようなアプローチは堅牢ではありません。

于 2012-09-03T11:12:36.953 に答える
2

Google Web Fonts サイトでは、システムとダウンロードしたフォント ファイルが異なるため、GWF からダウンロードしたフォントに問題があり、Google Web Fonts サイトでは問題ない場合は、Google Web Fonts ページからフォントを直接ダウンロードできます ( Chrome Developer Tool または Firebug を使用してリンクを取得します)。

たとえば、私が使用した：

http://themes.googleusercontent.com/licensed/font?kit=DXI1ORHCpsQm3Vp6mXoaTb7uYOTH0fqwR2fK3MMTyiuruusgsetRaCmkKU2Of3BmMh8Htnga2sTO__4Bgy4aRUbOfyIL9KspCxN8ekvQQBzoq8GLqcC6GrPYOPNC3QDT) format('woff')
于 2012-10-30T16:22:51.953 に答える
0

画像と Windows 7 の Chrome で表示されるものとの唯一の違いは、配置です。

これは、ここで提案されているように解決できる OS の問題です。 http://www.icavia.com/2010/09/solving-font-face-alignment-issues/

于 2012-09-03T11:11:24.783 に答える