Почему на сайте шрифты отображаются так медленно?

Question

[Рамиль]

На сайт подключаются сторонние шрифты. Почему то при обновление страницы, какое то время шрифты совсем не показываются а потом появляются. На других проектах такого не было когда подключал.

<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Caption" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300&amp;subset=cyrillic" rel="stylesheet" type="text/css">

Comments

[Валентин Дубровский]

Александр А: почему? что за глупый совет? google fonts избавляет от мороки с font-face'ом.

[Валентин Дубровский]

Александр А: омг. шта? это знаете ли, шанс на миллион. был на моей памяти один момент, когда у jquery слетел сертификат, и некоторое время не работал их cdn, но это блин временная техническая проблема. а тут вы утверждаете, что google в один прекрасный момент кинет всех пользователей google fonts.

[Валентин Дубровский]

Александр А: расскажите-ка, пожалуйста, про эту вашу крупную удачу

Answer 1

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

1. Шрифты тяжелые. Средний шрифт может весить от нескольких килобайт, до пары мегабайт, вот и думайте как такой ждать. Попробуйте оптимизировать такой шрифт, воспользовавшись генератором вроде этого: www.fontsquirrel.com/fontface/generator Такой генератор позволяет выкидывать из шрифта не используемые символы и существенно облегчать его вес.
2. Опять же плюс генераторов в том, что в итоге, шрифт будет лежать на вашем сервере и не зависеть от стороннего хостинга.

Answer 2

[Валентин Дубровский]

habrahabr.ru/post/258731 - читайте тут до эффекта вспышки, это ваша проблема.

Answer 3

[Дмитрий Шинкарь]

Жаль пациента не показали... Хотелось бы полюбоваться...) такой эффект сам по себе интересен на самом деле, для сайта с какой-нибудь магической тематикой :D