Почему этот журнал «Обнаружена медленная сеть…» появляется в Chrome?

Я заметил, что это info logначало появляться в Google Chrome Dev (версия 55.0.2883.18 dev), и я не могу себе представить, почему.

Медленная сеть обнаружена. При загрузке будет использоваться резервный шрифт: http: //font-path.extension `

Он появляется на всех веб-сайтах, которые используют font-face, даже на локальных страницах и расширениях Chrome.

Это означает, что сеть работает медленно, и Chrome заменяет веб-шрифт (загруженный @font-faceправилом) на локальный запасной вариант.

По умолчанию текст, отображаемый веб-шрифтом, остается невидимым до тех пор, пока шрифт не загружен ( «вспышка невидимого текста» ). С этим изменением пользователь в медленной сети может начать читать прямо при загрузке контента вместо того, чтобы заглядывать в пустую страницу в течение нескольких секунд.

• Связанная проблема Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Изменение, разрешающее такое поведение для подключений 3G, появилось в сентябре; это должно быть причиной того, что вы получили сообщение.)
• Связанный исходный код: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Я столкнулся с той же проблемой для сборки Chrome 61.0.3163.100на MacOs Sierra в localhostкачестве сервера. Chrome начал регистрировать это сообщение, когда я изменил конфигурацию скорости сети на 3G fast / 3G slow и снова вернулся в режим онлайн.

Исправлено: Когда я пытался выбрать автономный режим и снова онлайн режим, проблема с журналом исчезла. (Это исправление может не работать на некоторых устройствах или версиях)

Обновление от 30 января 2018 года

Я обновил Google Chrome до версии 64.0.3282.119 (Official Build) (64-bit), похоже, эта ошибка исправлена.

РЕДАКТИРОВАТЬ: Это не работает с последней версией 63.0+

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

chrome://flags/#enable-webfonts-intervention-v2

Хитрость заключается также в том, чтобы также отключить опцию « Trigger User Agent Intervention для загрузки веб-шрифтов всегда ».

В моем случае это было расширение AdBlock Plus для Google Chrome. Выключил и все заработало отлично.

если вы можете получить доступ к CSS этого расширения, просто добавьте font-display:block;определение шрифта или отправьте отзыв разработчику этого расширения :)

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

Я скрываю это, установив настройки консоли

Console settings -> User messages only

Перейдите в chrome: // flags / # enable-webfonts -vention-v2 и отключите его.

Это связано с ошибкой в ​​Chrome с их последним API для «скорости сети». Надеюсь, это будет исправлено в следующей версии

У меня отключено регулирование сети, но сегодня я начал получать эту ошибку при бизнес-соединении со скоростью 75 Мбит / с ...

Чтобы исправить это в моей сборке Chrome 60.0.3112.90 (Официальная сборка) (64-разрядная версия), я открыл DevTools, затем перешел к настройкам DevTools, затем поставил отметку «Log XMLHttpRequests», снял флажок «Только сообщения пользователя» и «Скрыть сетевые сообщения».

Самый простой способ отключить это - снять флажки с предупреждений в инструментах Chrome Dev.

Надеюсь это поможет.

Мне только удалось заставить фильтр регулярное выражение работать /^((?!Fallback\sfont).)*$/.

Добавьте его в поле фильтра чуть выше консоли, и оно скроет все содержащиеся в нем сообщения Fallback font.

Вы можете сделать это более конкретным, если хотите.

Если вы разрабатываете приложение, которое использует шрифты Google и хотите, чтобы ваши пользователи не видели эти предупреждения. Возможное решение ( подробно описано здесь ) состояло в том, чтобы загрузить шрифты локально.

Я использовал это решение для приложения, которое иногда имеет медленный Интернет (или вообще не имеет доступа к Интернету), но все еще обслуживает страницы. Это предполагает, что ваше приложение использует шрифты Google, и обновления этих шрифтов не являются критическими. Также предположим, что использование шрифтов ttf подходит для вашего приложения. Поддержка браузеров шрифтов WC3 TTF. .

Вот как я выполнил локально обслуживающие шрифты:

Перейдите на https://fonts.google.com/ и выполните поиск ваших шрифтов.

Добавьте свои шрифты

Скачать их

Поместите их в корень сайта

Добавьте их в свой файл @font

У меня также были те же ошибки со шрифтами fontawesome. Затем я скачал последние шрифты fontawesome и заменил их на старые. И ошибки ушли.

1. Нет, это не значит, что сеть работает медленно.
2. Нет, это не только ложное предупреждение.

У меня есть эта проблема в угловых веб-приложениях после замены ссылки https://fonts.googleapis.com/icon?family=Material+Icons в index.html на интегрированную версию (npm install .... material-icons ...). Это работает, но иногда веб-приложение показывает это предупреждение.

Когда отображается предупреждение, значки не отображаются приблизительно в течение 1 секунды, поэтому пользователь видит плохо отображенные значки.

У меня пока нет решения.

Перейдите к файлу stylesheet.css шрифта и добавьте font-display: block; во всех @ font-face {}

Этот ответ Stackoverflow помог мне ..

Ниже приведен краткий обзор ответа

Если вы можете получить доступ к CSS этого расширения, просто добавьте font-display: block; на определение шрифта или отправить отзыв разработчику этого расширения :)

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}

Вы можете нажать «Настройки консоли» и установить флажок «Использовать только сообщения», после чего эти сообщения больше не будут отображаться.

Обновление до последней версии Chrome (63.0.3239.84) через Help -> About исправило это для меня.

(На самом деле мне пришлось переключиться в автономный режим и вернуться в онлайн на вкладке «Сеть» инструментов разработчика, чтобы устранить последние ошибки.)

Как только я отключил плагин DuckDuckGo Privacy Essentials, он исчез. Немного раздражает, так как шрифты, которые я обслуживал, были от localhost, поэтому не следует иметь ничего общего с медленным сетевым подключением.

Щелкните правой кнопкой мыши на Chrome Dev. Затем выберите фильтр. И выберите источник сообщений.