Why are fonts displayed so slowly on the site?

Question

css

Third-party fonts are connected to the site. For some reason, when the page is refreshed, for some time the fonts are not shown at all and then they appear. On other projects, this was not when I connected it.

<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">

Answer 1

1. Fonts are heavy. An average font can weigh from a few kilobytes to a couple of megabytes, so think about how to wait for this. Try optimizing such a font with a generator like this: www.fontsquirrel.com/fontface/generator This generator allows you to strip unused characters from a font and make it much lighter.
2. Again, the advantage of generators is that in the end, the font will be on your server and not depend on third-party hosting.

Answer 2

habrahabr.ru/post/258731 - read here before the flash effect, this is your problem.

Answer 3

It’s a pity they didn’t show the patient ... I would like to admire ...) such an effect is actually interesting in itself, for a site with some kind of magical theme :D