3

from を使用してフォントをサポートするために、以下のコードを使用しました。

<link href='http://fonts.googleapis.com/css?family=Open+Sans|Oswald|Play|Numans' rel='stylesheet' type='text/css'>

上記の URL を使用すると、すべてのブラウザーでサポートされているフォントが表示されます。

    @font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald '), local('Oswald'), url('http://themes.googleusercontent.com/static/fonts/oswald/v2/-g5pDUSRgvxvOl5u-a_WHw.woff') format('woff');
}
@font-face {
  font-family: 'Numans';
  font-style: normal;
  font-weight: 400;
  src: local('Numans'), local('Numans-Regular'), url('http://themes.googleusercontent.com/static/fonts/numans/v2/H6jkjoZl4TIrPYyjhdoCcw.woff') format('woff');
}
@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: normal;
  src: local('Play'), url('http://themes.googleusercontent.com/static/fonts/play/v2/-SXnV4mZjf4oh1IBw13WZw.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

フォントをサポートするために、上記の CSS コードを CSS にコピーして貼り付けました。IE8 だけでは、フォントがサポートされていません。そのための修正はありますか。

4

1 に答える 1

7

CSS をコピーすると機能しなくなるのは、リクエストを行ったユーザー エージェントに応じて Google が異なる CSS を返すためです。

IE 用に返された CSS は、コピーした CSS とは異なります。

したがって、Google Web Fonts を使用している場合は<link href..、推奨どおりに使用してください。

フォントをローカルでホストしたい場合は、これを読んでください: How to host google web fonts on my own server?

于 2011-11-09T10:58:22.370 に答える