web-dev-qa-db-ja.com

Google Open Sansフォントは、Google Chromeで正しい重量を表示しません

ウェブサイトでGoogleフォント「Open Sans」を使用しています。

特定のリンクで誤ったフォントの太さが表示されていることに気付きました。通常のテキストのフォントウェイトは300で、リンクのフォントウェイトは400です。ただし、すべてのリンクは通常のテキストと同じように見えます。

Google Fontsウェブサイトに移動しました:

http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans

面白いことに気づきました。

  • Windows、Google Chromeでは、Light 300バージョンとNormal 400バージョンはidenticalです。
  • Windows、Firefox、IE、およびSafariでは、notです。
  • Ubuntu、Google Chromeでは、notです。

この問題は、Google Chrome(最新バージョン)およびWindows(バージョン8.0)に分離されているようです。

フォントは、ヘッダー内のリンクを使用してWebサイトにロードされます。

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>

ただし、Google Fontsサイト自体にも同じ問題が示されているため、問題は私のWebサイトに限定されません。

この問題について誰かに助けを求めたいと思いました。私は、滑らかさなど、Googleフォントに関する他の問題についてオンラインで読みましたが、フォントの重みについては何も読みませんでした。

4

Windowsマシンに「Open Sans Light」フォントのデスクトップバージョンがインストールされていたことがわかりました。

このスレッドを読んだ後: Issue 340:Open Sans 400はChromeで集光された光として表示されます

フォントをアンインストールすると、問題はなくなりました。

7