Почему не с первого раза отображаются шрифты от google на сайте?

Question

[ma1ish]

Привет.

Подключил google fonts в шаблон вордпресса, но столкнулся с проблемой, что при заходе на сайт они с первого раза могут "отрендериться". Бывает лечится ресайзом окна или поворотом девайса.

Проблема возникает во всех браузерах и платформах. Куда копать?

Answer 1

[N]

У меня такого не наблюдалось. Если внешние шрифты некорректно отображаются - используйте стандартные семейства шрифтов. Или разберите шаблон на части и проанализируйте возможные неточности в коде.

Comments

[ma1ish]

c шаблоном все нормально, неточностей не должно быть

[N]

@ma1ish , не могу знать, в чем проблема тогда. Сайт в студию, возможно, тогда станет понятно.

Answer 2

[Beeetle]

была такая проблема на одном из сайтов, пришлось использовать @font-face

Comments

[ma1ish]

сможете подробнее немного рассказать?

[Beeetle]

Как делаю я! Скачиваю и заливаю необходимый мне шрифт по ftp, потом открываю css файл и в самом верху прописываю
@font-face {
font-family: Arial; /* Имя шрифта */
src: url(путь к шрифту); /* Путь к файлу со шрифтом */
}
Далее, где необходимо применить данный шрифт пишем к примеру так:
P {
font-family: Arial;
}

Answer 3

[Andoryu]

Если это проявлялось только в Chrome, то в нем (кажется в 35й версии, не уверен) был баг связаный с рендером шрифтов. В последних версиях вроде исправили.