@ страница блокировки шрифта на Chrome

Question

Я использую @ font-face, и моя страница блокируется для загрузки, когда мой поставщик услуг @ font-face выходит из строя.(Все запросы значительно замедляются до сканирования ТОЛЬКО в тот момент, когда запрашивается файл .css провайдера шрифтового лица, и это не происходит при гладкой загрузке .css провайдера услуг)

Все, что я прочитал, наводит на мысльчто это должно происходить ТОЛЬКО в IE и только когда есть тег над вызовом css.Тем не менее, я сталкиваюсь с этой проблемой в браузерах Webkit и обязательно вызову файл css перед любыми тегами скрипта.

Кто-нибудь еще сталкивался с этой проблемой?Вы знаете, что может быть причиной или как облегчить это?

Answer 1

Для тех, кто сталкивается с этим.Ответ сводится к тому, как CSS анализируется и загружается браузерами.Браузеры будут ждать загрузки всех CSS, прежде чем отображать страницу.Поскольку серверы хоста css / font работали медленно, это блокировало мою страницу от рендеринга.

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

Answer 2

Каким провайдером вы пользуетесь? я испытывал это иногда на fonts.com, так или иначе вы должны проверить с помощью yslow http://developer.yahoo.com/yslow/ и спросить, есть ли у вашего провайдера, есть ли у них CDN, и были ли у них проблемы в последнее время, какой метод встраивания вы используете: это загрузчик JavaScript, ссылка на таблицу стилей или импорт таблицы стилей. в любом случае убедитесь, что вы читаете это

http://code.google.com/speed/page-speed/docs/rtt.html убедитесь, что вы читаете ту часть, где говорится о «AvoidCssImport»

надеюсь, это поможет