google-chrome - webfont - google fonts

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

Noté que este info log comenzó 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.

No, esto no significa que la red sea lenta.
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.

Acabo de hacer que la expresión regular del filtro funcione: /^((?!Fallback/sfont).)*$/ .

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

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

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).

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

Esto significa que la red es lenta y Chrome está reemplazando una fuente web (cargada con una regla @font-face ) 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

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

Ir a chrome: // flags / # enable-webfonts -vention-v2 y configurarlo 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

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

Espero que esto ayude.

Me enfrenté al mismo problema para Chrome 61.0.3163.100 en MacOs Sierra con localhost como 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 sin conexión 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

64.0.3282.119 (Official Build) (64-bit) google chrome a la versión 64.0.3282.119 (Official Build) (64-bit) versión 64.0.3282.119 (Official Build) (64-bit) , parece que este error ya está solucionado.

Oculto esto configurando la consola

Console settings -> User messages only

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í ) era cargar las fuentes localmente.

Utilicé esta solución para una aplicación que a veces tiene un acceso lento a Internet (o no tiene acceso a Internet) pero que 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 usar 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.

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.

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

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

Esta respuesta de 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 la 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 volverán a aparecer.

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

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 " Activar la intervención del agente de usuario para la carga de fuentes web siempre " justo debajo de eso también.