Как найти выход из тупиковой ситуации с отображением шрифтов google fonts?

Question

[sergey]

И так по порядку, есть сайт, в нем используется шрифты PT Sans и Open sans, подключаю их с помощью google fonts

<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:700|Open+Sans:600&subset=latin,cyrillic' rel='stylesheet' type='text/css'>

на сайт загружаю с помощью jquery

$("head").append("<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:700|Open+Sans:600&subset=latin,cyrillic' rel='stylesheet' type='text/css'>");

в CSS
font-family: 'PT Sans', sans-serif;

при просмотре на Chrom, Android все ок, на разных симуляторах аналогично.

у клиента все не то, шрифт другой, надпись не так.
Как тут быть? Что предпринять? Всегда подключаю подобным образом гугловский шрифты - проблем не встречал. Проверил только что на лисе - аналогично PT Sans выглядит дико... В чем проблема, и такая разница?

Answer 1

[Денис Инешин]

Подключи шрифт вручную через https://www.fontsquirrel.com/tools/webfont-generator

Answer 2

[Андрей]

Что за изврат с подключением шрифта через JQ? Шрифты нужно подключать как можно раньше, тогда проблем не будет. У клиента могут быть уже установлены эти шрифты и они могут быть битые, был такой случай 1 раз

Comments

[sergey]

а изврат как вы выразились, из-за того что следовал предписанием PageSpeed Insights, ускоряя тем самым загрузку страницы, но вижу что косяк

[Андрей]

Я так и понял откуда дует ветерок. Гугл много чего советует не очень хорошего. Нужно придерживаться разумного подхода. Шрифт должен быть подгружен до его объявления в css, у вас наоборот.