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

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

1 голос
/ 21 сентября 2011

Я использую веб-шрифты Google для своей страницы, но в 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.

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

Ответы [ 2 ]

2 голосов
/ 21 сентября 2011

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');
}
}

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

1 голос
/ 21 сентября 2011

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

font-style: italic;

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

Также вы можете прочитать этот старый вопрос о нестандартных тегах HTML.

...