¿Por qué aparece este registro "Red lenta detectada ..." en Chrome?

Noté que esto info logcomenzó a aparecer en Google Chrome Dev (Versión 55.0.2883.18 dev) y no puedo imaginar por qué.

Se detecta una red lenta. La fuente alternativa se utilizará durante la carga: http: //font-path.extension `

Aparece en todos los sitios web que usan font-face, incluso en páginas locales y extensiones de Chrome.

Esto significa que la red es lenta y Chrome está reemplazando una fuente web (cargada con una @font-faceregla) con una reserva local.

De forma predeterminada, el texto representado con una fuente web es invisible hasta que se descarga la fuente ( "flash de texto invisible" ). Con este cambio, el usuario en una red lenta podría comenzar a leer justo cuando se carga el contenido en lugar de mirar la página vacía durante varios segundos.

• Problema relacionado con Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Un cambio que permitió este comportamiento para las conexiones 3G aterrizó en septiembre; esta debería ser la razón por la que recibió el mensaje).
• Código fuente relacionado: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Me enfrenté al mismo problema para la compilación de Chrome 61.0.3163.100en MacOs Sierra con localhostcomo servidor. Chrome comenzó a registrar este mensaje cuando cambié la configuración de velocidad de red a 3G rápido / 3G lento y nuevamente a En línea.

Solución: cuando intenté seleccionar el modo fuera de línea y nuevamente el modo en línea, el problema de registro desapareció. (Esta solución puede no funcionar en algunos dispositivos o versiones)

Actualización el 30 de enero de 2018

Actualicé Google Chrome a la versión 64.0.3282.119 (Official Build) (64-bit), parece que este error ya está solucionado.

EDITAR: Esto no funciona con la última versión de 63.0+

Pude deshabilitarlo usando la ayuda de uno de los comentarios anteriores, vaya a

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

El truco es también deshabilitar la opción " Intervención de agente de usuario de desencadenador para cargar siempre elementos web " justo debajo de eso también.

En mi caso, fue la extensión AdBlock Plus para Google Chrome. Lo apagó y funcionó perfectamente.

Si puede acceder a CSS de esta extensión, simplemente agregue la font-display:block;definición de fuente o envíe comentarios al desarrollador de esta extensión :)

@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;
}

Oculto esto configurando la consola

Console settings -> User messages only

Vaya a chrome: // flags / # enable-webfonts -vention-v2 y configúrelo en deshabilitado

Se debe a un error en Chrome con su última API para 'velocidad de red'. Espero que se solucione en la próxima versión

Tengo la limitación de red deshabilitada, pero hoy comencé a recibir este error en una conexión comercial de 75mb / s ...

Para solucionarlo en mi versión de Chrome 60.0.3112.90 (Versión oficial) (64 bits) abrí las DevTools, luego navegué a la Configuración de DevTools y luego marqué 'Registrar XMLHttpRequests', sin marcar 'Solo mensajes de usuario' y 'Ocultar mensajes de red'

La forma más fácil de deshabilitar esto es desmarcar las advertencias en las herramientas de desarrollo de Chrome

Espero que esto ayude.

Acabo de lograr que el filtro regex funcione: /^((?!Fallback\sfont).)*$/ .

Agréguelo al campo de filtro justo arriba de la consola y ocultará todos los mensajes que contengan Fallback font .

Puede hacerlo más específico si lo desea.

Si está desarrollando una aplicación que utiliza fuentes de Google y quiere asegurarse de que sus usuarios no vean estas advertencias. Una posible solución ( detallada aquí ) fue cargar las fuentes localmente.

Utilicé esta solución para una aplicación que a veces tiene Internet lento (o no tiene acceso a Internet) pero aún sirve páginas. Esto supone que su aplicación usa fuentes de Google y las actualizaciones de estas fuentes no son críticas. También suponga que el uso de las fuentes ttf es apropiado para su aplicación WC3 TTF Font Browser Support .

Así es como logré servir fuentes localmente:

Ve a https://fonts.google.com/ y busca tus fuentes.

Agrega tus fuentes

Descárgalos

Colocarlos en la raíz del sitio

Agréguelos a su archivo @font

También tuve los mismos errores con las fuentes de fontawesome. Luego descargué las últimas fuentes de fontawesome y las reemplacé por las antiguas. Y los errores se han ido.

1. No, esto no significa que la red sea lenta.
2. No, esto no es solo una advertencia falsa.

Tengo este problema en aplicaciones web angulares después de reemplazar el enlace https://fonts.googleapis.com/icon?family=Material+Icons en index.html a la versión integrada (npm install .... material-icons ...). Esto funciona, pero a veces la aplicación web muestra esa advertencia.

Cuando se muestra una advertencia, los iconos no se procesan durante aproximadamente 1 segundo, por lo que el usuario ve iconos mal representados.

Aún no tengo solución.

Vaya a la fuente stylesheet.css y agregue font-display: block; en total @ font-face {}

Esta respuesta de Stackoverflow me ayudó ...

A continuación se muestra el resumen de la respuesta.

Si puede acceder a CSS de esta extensión, simplemente agregue font-display: block; en la definición de fuente o enviar comentarios al desarrollador de esta extensión :)

@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;
}

puede hacer clic en 'configuración de la consola' y marcar la casilla 'Usar solo mensajes', luego esos mensajes no se mostrarán nuevamente.

Actualización a la última versión de Chrome (63.0.3239.84) a través de Ayuda -> Acerca de lo arregló para mí.

(en realidad, tuve que cambiar a Sin conexión y volver a En línea en la pestaña Red de herramientas de desarrolladores para que desaparecieran los últimos errores).

Tan pronto como desactivé el complemento DuckDuckGo Privacy Essentials, desapareció. Un poco molesto ya que las fuentes que servía eran de localhost, así que no debería tener nada que ver con una conexión de red lenta.

Haga clic con el botón derecho en Chrome Dev. Luego seleccione filtro. Y seleccione la fuente de los mensajes.