Por que esse log "Rede lenta detectada ..." aparece no Chrome?

Percebi que isso info logcomeçou a aparecer no Google Chrome Dev (Versão 55.0.2883.18 dev) e não consigo imaginar o porquê.

Rede lenta é detectada. A fonte de fallback será usada durante o carregamento: http: //font-path.extension `

Ele aparece em todos os sites que usam font-face, mesmo em páginas locais e extensões do Chrome.

Isso significa que a rede está lenta e o Chrome está substituindo uma fonte da web (carregada com uma @font-faceregra) por um fallback local.

Por padrão, o texto renderizado com uma fonte da Web fica invisível até que a fonte seja baixada ( "flash de texto invisível" ). Com essa alteração, o usuário em uma rede lenta pode começar a ler exatamente quando o conteúdo é carregado, em vez de procurar na página vazia por vários segundos.

• Problema relacionado ao Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Uma alteração que habilitou esse comportamento para conexões 3G foi realizada em setembro; esse deve ser o motivo pelo qual você recebeu a mensagem.)
• Código-fonte relacionado: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Eu enfrentei o mesmo problema na versão do Chrome 61.0.3163.100no MacOs Sierra localhostcomo servidor. O Chrome começou a registrar esta mensagem quando alterei a configuração da velocidade da rede para 3G rápido / 3G lento e novamente para Online.

Correção: quando tentei selecionar o modo offline e novamente o modo online, o problema de registro desapareceu. (Essa correção pode não funcionar em alguns dispositivos ou versões)

Atualização em 30 de janeiro de 2018

Atualizei o google chrome para a versão 64.0.3282.119 (Official Build) (64-bit), parece que este bug foi corrigido agora.

EDIT: isso não está funcionando com a versão mais recente do 63.0+

Consegui desativá-lo usando a ajuda de um dos comentários acima, vá para

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

O truque é também desativar a opção " Intervenção do agente do usuário em gatilhos para carregamento sempre do WebFonts " logo abaixo.

No meu caso, era a extensão AdBlock Plus para o Google Chrome. Desligou e funcionou perfeitamente.

se você puder acessar o css dessa extensão, basta adicionar font-display:block;a definição de fonte ou enviar um comentário ao desenvolvedor dessa extensão :)

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

Escondo isso definindo a configuração do console

Console settings -> User messages only

Vá para chrome: // flags / # enable-webfonts-intervention-v2 e defina-o como disabled

Isso ocorre devido a um bug no Chrome com a API mais recente para 'velocidade da rede'. Espero que seja corrigido na próxima versão

Eu tenho o controle de rede desativado, mas comecei a receber esse erro hoje em uma conexão comercial de 75mb / s ...

Para corrigi-lo na minha compilação do Chrome 60.0.3112.90 (Compilação oficial) (64 bits), abri o DevTools, naveguei até as Configurações do DevTools e marquei 'Log XMLHttpRequests', desmarcado 'Somente mensagens do usuário' e 'Ocultar mensagens de rede'

A maneira mais fácil de desativar isso é desmarcar os avisos nas ferramentas de desenvolvimento do chrome

Espero que isto ajude.

Eu apenas consegui fazer o regex do filtro funcionar: /^((?!Fallback\sfont).)*$/ .

Adicione-o ao campo de filtro logo acima do console e ocultará todas as mensagens que contêm Fallback font .

Você pode torná-lo mais específico, se quiser.

Se você está desenvolvendo um aplicativo que usa fontes do google e deseja garantir que seus usuários não vejam esses avisos. Uma solução possível ( detalhada aqui ) foi carregar as fontes localmente.

Usei esta solução para um aplicativo que às vezes possui Internet lenta (ou nenhum acesso à Internet), mas ainda exibe páginas. Isso pressupõe que seu aplicativo use fontes do Google e as atualizações dessas fontes não sejam críticas. Suponha também que o uso de fontes ttf seja apropriado para o seu aplicativo Suporte ao Navegador de Fontes WC3 TTF .

Aqui está como eu realizei a veiculação local de fontes:

Acesse https://fonts.google.com/ e pesquise suas fontes

Adicione suas fontes

Faça o download deles

Coloque-os na raiz do site

Adicione-os ao seu arquivo @font

Eu também tive os mesmos erros com as fontes de fontawesome. Então eu baixei as fontes mais recentes do fontawesome e substitui as fontes antigas. E os erros se foram.

1. Não, isso não significa que a rede esteja lenta.
2. Não, este não é apenas um aviso falso.

Eu tenho esse problema em aplicativos da web angulares após substituir o link https://fonts.googleapis.com/icon?family=Material+Icons no index.html para a versão integrada (instalação npm .... material-icons ...). Isso funciona, mas às vezes o aplicativo da Web mostra esse aviso.

Quando o aviso é exibido, os ícones não são renderizados por aproximadamente 1 segundo; portanto, o usuário vê ícones mal renderizados.

Ainda não tenho solução.

Vá para o stylesheet.css da fonte e adicione font-display: block; em todas as @ font-face {}

Esta resposta Stackoverflow me ajudou ..

Abaixo está o resumo da resposta

Se você pode acessar o css dessa extensão, basta adicionar font-display: block; na definição da fonte ou envie um comentário ao desenvolvedor desta extensão :)

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

você pode clicar em 'configurações do console' e marque a caixa 'Usar apenas mensagens', depois essas mensagens não serão exibidas novamente.

Atualizando para a versão mais recente do Chrome (63.0.3239.84) via Ajuda -> Sobre o que foi corrigido para mim.

(na verdade, tive que mudar para Off-line e voltar para Online na guia Rede de ferramentas de desenvolvedores para que os últimos erros desapareçam.)

Assim que desativei o plugin DuckDuckGo Privacy Essentials, ele desapareceu. Um pouco irritante, pois as fontes que eu estava servindo eram do host local, portanto não deveria ter nada a ver com uma conexão de rede lenta.

Clique com o botão direito do mouse no Chrome Dev. Depois selecione o filtro. E selecione a fonte de mensagens.