Проблема с веб-шрифтами Chrome и Google. Отображение другого вывода из Firefox

Я использую веб-шрифты Google для своей страницы, но в Chrome я получаю другой результат, чем в Firefox. Результат Firefox правильный, и я понятия не имею, почему Chrome делает эту проблему.

Код простой

intro { font-family: 'Open Sans Condensed', sans-serif; font-size:33px; line-height:38px; color: #404040;}
logo { font-family: 'Open Sans', sans-serif; }

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300italic&subset=greek' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:600&subset=greek,latin' rel='stylesheet' type='text/css'>


<logo>Logo goes here</logo>
<br><br>
<intro>Text goes right here</intro>

или как вы можете видеть в http://jsfiddle.net/KSVTA/ или http://fiddle.jshell.net/KSVTA/show/ Chrome не использует Open Sans Condensed.

Почему это так и как я могу это исправить?


javascript html jquery css google-webfonts
person EnexoOnoma    schedule 21.09.2011    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Open Sans Condensed определяется с помощью font-style: italic, поэтому вам нужно будет применить этот стиль и ко второму тексту: http://jsfiddle.net/KSVTA/1/.

Файл CSS этого шрифта выглядит следующим образом:

@media screen {
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url('http://themes.googleusercontent.com/static/fonts/opensanscondensed/v3/jIXlqT1WKafUSwj6s9AzV1qvxng10Zx7YyzmqNB25XX3rGVtsTkPsbDajuO5ueQw.woff') format('woff');
}
}

Вы можете увидеть определение, выделенное курсивом.

person pimvdb    schedule 21.09.2011

arrow_upward
1
arrow_downward

Если вы дадите своему «вступлению» свойство CSS

font-style: italic;

тогда он отлично работает в Chrome.

Кроме того, вы можете прочитать этот старый вопрос о не -стандартные теги HTML.

person Pointy    schedule 21.09.2011