Почему не загружается текст на сайте в Google Chrome (шрифты Google Web Fonts)?

Question

[Antig]

Сайт stomatologclub.ru
Подключены шрифты из Google Web Fonts
Браузер: Google Chrome (в других нормально).

Заходишь на сайт - всё загружается. Обновляешь страницу (нажимаешь F5 или значок обновления) - текст не загружается, только структура сайта остается. А если кликнуть в адресную строку и далее Ентер, то всё нормально загружается.

Проблема именно в Хроме, в других не замечена. Еще мне знакомый говорил, что аддблок включенный создает такую же ситуацию.

Как устранить проблему?

Answer 1

[Antig]

Всё, проблема устранена. Хром обновился. Версия 34.0.1847.116 m

Answer 2

[Eugene Obrezkov]

Потому что шрифты не успели загрузиться. Я может не досмотрел, но не вижу нигде подключения шрифтов через link href с гугла. Также не вижу и подключения WebFont. Если использовать WebFont, то как-то так:

WebFont({
    google: ['Press+Start+2P'],
    active: function() {
        //your code on font loaded
    }
});

Но в вашем случае используйте просто link href на Google Font.

Comments

[Eugene Obrezkov]

P.S. Через инспектор измените любой свойство текста Font и он сразу появится...

Answer 3

[Antig]

@ghaiklor, спасибо за ответ.

WebFont({
    google: ['Press+Start+2P'],
    active: function() {
        //your code on font loaded
    }
});

Так использовалось, но проблемы была в другом - шрифт прыгал, причем визуально это было заметно.

link href так использовалось, но шрифты не загружались. После файлик положили на свой сервер и проблема всё равно сохраняется.

Answer 4

[c0mmandir]

Такая же проблема. Шрифты не отображаются. Захожу в "Просмотр кода элемента" и сразу все отобразилось. Глюк Хрома?

Comments

[Antig]

в других браузерах причем все нормально. только в Хроме проблема, которая началась с предыдущей версии. Писал в поддержку Хрома, но тишина.

Answer 5

[Мария Девятых]

Столкнулась с такой же проблемой. Она у всех. В основном у кого версия 33.0.1750.154.
Здесь целое обсуждение. Решение универсальное не найдено, но есть предложение, которые сработали у некоторых
Вариант 1. Отключать по очереди скрипты javascript и на том на котором всё заработает - отключить навсегда
Вариант 2. Вставить фрагмент

body
{
    -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
	from{ 	opacity: 1; }
	to{	opacity: 1; }
}

У кого-то сработало, у кого-то нет. У меня - нет. Так что ждем ещё решений