Perché questo registro "Rilevato rete lenta ..." appare in Chrome?

Ho notato che questo ha info loginiziato ad apparire in Google Chrome Dev (versione 55.0.2883.18 dev) e non riesco a immaginare il perché.

Rilevata rete lenta. Il font fallback verrà usato durante il caricamento: http: //font-path.extension `

Appare su tutti i siti Web che utilizzano font-face, anche su pagine locali ed estensioni di Chrome.

Ciò significa che la rete è lenta e Chrome sta sostituendo un carattere Web (caricato con una @font-faceregola) con un fallback locale.

Per impostazione predefinita, il testo reso con un carattere web è invisibile fino a quando il carattere non viene scaricato ( "lampo di testo invisibile" ). Con questa modifica, l'utente su una rete lenta potrebbe iniziare a leggere nel momento in cui il contenuto viene caricato anziché guardare nella pagina vuota per alcuni secondi.

• Problema relativo a Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=578029 . (Una modifica che abilita questo comportamento per le connessioni 3G è arrivata a settembre; questo dovrebbe essere il motivo per cui hai ricevuto il messaggio.)
• Codice sorgente correlato: https://chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

Ho riscontrato lo stesso problema con Chrome build 61.0.3163.100su MacOs Sierra localhostcome server. Chrome ha iniziato a registrare questo messaggio quando ho cambiato la configurazione della velocità di rete su 3G veloce / 3G lento e di nuovo su Online.

Correzione: quando ho provato a selezionare la modalità offline e di nuovo la modalità online, il problema di registrazione è scomparso.(Questa correzione potrebbe non funzionare su alcuni dispositivi o versioni)

Aggiornamento il 30 gennaio 2018

Ho aggiornato Google Chrome alla versione 64.0.3282.119 (Official Build) (64-bit), sembra che questo bug sia stato corretto ora.

EDIT: questo non funziona con l'ultima versione di 63.0+

Sono stato in grado di disabilitarlo usando l'aiuto di uno dei commenti sopra, vai a

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

Il trucco è disabilitare anche l' opzione " Attiva intervento agente utente per WebFonts sempre sotto".

Nel mio caso, era l'estensione AdBlock Plus per Google Chrome. L'ho spento e ha funzionato perfettamente.

se puoi accedere ai CSS di questa estensione, aggiungi semplicemente la font-display:block;definizione del carattere o invia un feedback allo sviluppatore di questa estensione :)

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

Lo nascondo impostando le impostazioni della console

Console settings -> User messages only

Vai a chrome: // flags / # enable-webfonts-intervenment-v2 e impostalo su disabilitato

È dovuto a un bug in Chrome con la loro ultima API per "velocità di rete". Spero che sarà risolto nella prossima versione

Ho la limitazione della rete disabilitata ma ho iniziato a ricevere questo errore oggi su una connessione aziendale a 75 MB / s ...

Per risolverlo nella mia build di Chrome 60.0.3112.90 (build ufficiale) (64 bit) ho aperto DevTools, poi sono passato alle impostazioni di DevTools e ho spuntato "Log XMLHttpRequests", deselezionato "Solo messaggi utente" e "Nascondi messaggi di rete"

Il modo più semplice per disabilitarlo è deselezionare gli avvisi negli strumenti di sviluppo di Chrome

Spero che questo ti aiuti.

Sono appena riuscito a far funzionare il filtro regex: /^((?!Fallback\sfont).)*$/ .

Aggiungilo al campo filtro appena sopra la console e nasconderà tutti i messaggi che contengono Fallback font .

Puoi renderlo più specifico se vuoi.

Se stai sviluppando un'app che utilizza i caratteri di Google e vuoi assicurarti che i tuoi utenti non vedano questi avvisi. Una possibile soluzione ( dettagliata qui ) era caricare i caratteri localmente.

Ho usato questa soluzione per un'applicazione che a volte ha Internet lento (o nessun accesso a Internet) ma continua a servire pagine, questo presuppone che la tua app utilizzi i caratteri di Google e che gli aggiornamenti a questi caratteri non siano critici. Supponi anche che l'utilizzo dei caratteri ttf sia appropriato per la tua applicazione WC3 Supporto per browser dei caratteri TTF .

Ecco come ho realizzato localmente i caratteri:

Vai su https://fonts.google.com/ e fai una ricerca per i tuoi caratteri

Aggiungi i tuoi caratteri

Scaricali

Inseriscili nella radice del sito

Aggiungili al tuo file @font

Ho anche avuto gli stessi errori con i caratteri di fontawesome. Quindi ho scaricato i caratteri dell'ultimo fontawesome e li ho sostituiti con i vecchi caratteri. E gli errori sono spariti.

1. No, questo non significa che la rete sia lenta.
2. No, questo non è solo un falso avvertimento.

Ho questo problema su applicazioni web angolari dopo aver sostituito il link https://fonts.googleapis.com/icon?family=Material+Icons in index.html alla versione integrata (npm install .... material-icons ...). Funziona, ma a volte l'applicazione web mostra quell'avvertimento.

Quando viene visualizzato un avviso, le icone non vengono visualizzate per circa 1 secondo, quindi l'utente può visualizzare le icone visualizzate in modo errato.

Non ho ancora una soluzione.

Vai al foglio di stile del font.css e aggiungi font-display: block; in all @ font-face {}

Questa risposta StackOverflow mi ha aiutato ..

Di seguito è riportato il riepilogo della risposta

Se puoi accedere ai CSS di questa estensione, aggiungi semplicemente font-display: block; sulla definizione del carattere o invia un feedback allo sviluppatore di questa estensione :)

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

puoi fare clic su "Impostazioni console", quindi selezionare la casella "Usa solo messaggi", dopodiché tali messaggi non verranno più visualizzati.

Aggiornamento all'ultima versione di Chrome (63.0.3239.84) tramite Guida -> Informazioni su risolto il problema per me.

(in realtà, ho dovuto passare a Offline e tornare a Online nella scheda Rete degli strumenti per sviluppatori per eliminare gli ultimi errori.)

Non appena ho disabilitato il plug-in DuckDuckGo Privacy Essentials è scomparso. Un po 'fastidioso poiché i caratteri che servivo provenivano da localhost, quindi non dovrebbe avere nulla a che fare con una connessione di rete lenta.

Fare clic con il tasto destro del mouse su Chrome Dev. Quindi seleziona il filtro. E seleziona la fonte dei messaggi.