The My Opera forums have been replaced with forums.opera.com. Please head over there to discuss Opera's products and features
See the new ForumsYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
Проблемы с рендерингом более 1 шрифта с Google Web Fonts
Суть проблемы заключается в том, что подключении с Google Web Fonts более 1 шрифта Opera отображает только 1 шрифт, хотя во время рендеринга страницы (т.е. когда она ещё не прогрузилась полностью, но при этом все шрифты подгрузились) все шрифты отображаются нормально. Немного поясню. Подключаем шрифты с Google Web Fonts:<link href='http://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic,latin-ext' rel='stylesheet' type='text/css' /> <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic' rel='stylesheet' type='text/css' />
В HTML-документе создадим текст:
<p class="one">Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст Верхний текст</p> <p class="two">Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст Нижний текст</p>
И сделаем CSS для тегов p:
.one {
font-family: 'Lobster Two', cursive;
font-style: italic;
font-weight: 400;
font-size: 20pt;
font-variant: normal;
}
.two {
font-family: 'Kelly Slab';
font-weight: 400;
font-size: 20pt;
font-variant: normal;
}
А в ответ Opera выдаёт следующее (скриншот).
То есть верхний текст отображается стандартным шрифтом, а нижний текст отображается шрифтом Kelly Slab. Однако во время рендеринга страницы всё отображается нормально, чему тоже предоставляется скриншот.
Как можно видеть, оба шрифта во время рендеринга страницы отображаются нормально. Вопросы: что это такое и как это лечится?
Исходник "больной" страницы прилагается.