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 Forums

Проблемы с рендерингом более 1 шрифта с Google Web Fonts

Forums » Помощь: вопросы и проблемы » Opera для Windows

You need to be logged in to post in the forums. If you do not have an account, please sign up first.

Go to last post

10. October 2011, 04:58:32

sexyshmeksy

Posts: 8

Проблемы с рендерингом более 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. Однако во время рендеринга страницы всё отображается нормально, чему тоже предоставляется скриншот.

Как можно видеть, оба шрифта во время рендеринга страницы отображаются нормально. Вопросы: что это такое и как это лечится?
Исходник "больной" страницы прилагается.

10. October 2011, 06:43:41

sexyshmeksy

Posts: 8

update
Проблема не в количестве шрифтов, а в том, что в Lobster Two как бы нет кириллицы. Хотя во время рендеринга она отображается. Мистика какая-то.

Forums » Помощь: вопросы и проблемы » Opera для Windows