0

私は自分のページの 1 つでGoogle Fonts の Open Sans フォントを使用しています。フォントに関して Google とほぼ同じスタイルを使用していますが、発音区別符号は残りの文字よりもやや太くなっています。

ここに画像の説明を入力

(ライブバージョンはwww.cabsurf.comで見ることができます)

私の CSS の唯一の違いは、フォント ファミリを宣言する方法です。

font-family: 'Open Sans', Helvetica, Arial, sans-serif;

しかし、宣言に Open Sans だけを残しても同じように見えます。

上記の Google Fonts ページに同じテキストを配置しました (Chrome の inspect 要素を使用)。テキストは横に正しくレンダリングされているので、フォントは問題ないことがわかります。

私は何が間違っているのですか?

編集:

MacOS X 10.8.4 で Chrome 27 / Firefox 22 を使用する

4

1 に答える 1

0

Google は、必要なフォントのサブセットを使用します。コードを受け取ったときに、正しいチェックボックスをオンにしたことを確認しましたか?

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300&subse‌​t=latin,cyrillic-ext,cyrillic,latin-ext' rel='stylesheet' type='text/css'>あなたのに追加すると<head>、すべての文字が正しく見えます。

不必要に大きなファイルを取得しないように、必要なサブセットを必ず確認してください。

于 2013-07-08T15:55:04.823 に答える