Как сохранить шрифт из Google Fonts к себе на сервер?

Question

[Антон]

В своих стилях в начале прописываю:

import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");

Шрифт подгружает, но это значительно сказывается на общей загрузке страницы. Порой страница загружается полностью, а текст не отображается, пока не загрузится шрифт.

Интересует, можно ли как-то разместить у себя на сервере этот шрифт? Если да, то как? И как подключить?

Answer 1

[Сергей Савостин]

Не факт, что с Вашего сервера будет грузиться быстрее, чем с Google.

Comments

[Антон]

Это как это? html страница и css файл будут лежать по соседству...

[Сергей Савостин]

По соседству с чем/кем? Это отдельный запрос в любом случае. Он будет или к Вашему серверу, или к серверу Google. Во втором случае есть небольшая вероятность, что шрифт уже закеширован у пользователя. Это в дополнение к тому, что скорость от Вашего сервера может быть меньше, чем до Google. У пользователя, естественно.

[Антон]

Сергей Савостин: если они кэшируются, тогда почему у меня постоянные задержки с их подгрузкой?

[Dartess]

Антон: гуглил с этим вопросом...

Answer 2

[tennalian]

Недавно выкладывали видео о ускорении производительности. В частности, загрузка шрифта шла таким образом: если пользователь впервые на сайте и у него новый браузер - тогда шрифт записывается ему в localstorage и при последующей загрузке уже отображается. Если у него старый браузер, то не свезло)))

Вообще, попробуйте прописать font-face что-то вроде 'Google font', Arial,sans-serif. По идее, должно немножко помочь.