Шрифт Google API не поддерживается в IE8 - PullRequest
Новая
       13

Шрифт Google API не поддерживается в IE8

3 голосов
/ 09 ноября 2011

Я использовал приведенный ниже код для поддержки шрифтов, используя, 

<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 один шрифт не поддерживается. есть ли какое-то решение для этого.

1 Ответ

7 голосов
/ 09 ноября 2011

Причина, по которой он перестает работать при копировании CSS, заключается в том, что Google отправляет обратно разные CSS в зависимости от агента пользователя, который сделал запрос.

CSS, возвращаемый для IE, отличается в CSS, который вы скопировали.

Итак, если вы используете Google Web Fonts, используйте его с <link href.., как рекомендуется.

Если вы хотите разместить у себяШрифт локально, прочитайте это: Как разместить веб-шрифты Google на моем собственном сервере?

...