Ich habe festgestellt, dass dies info log
in Google Chrome Dev (Version 55.0.2883.18 dev) angezeigt wird, und ich kann mir nicht vorstellen, warum.
Langsames Netzwerk wird erkannt. Beim Laden wird die Fallback-Schriftart verwendet: http: //font-path.extension `
Es wird auf allen verwendeten Websites angezeigt font-face
, auch auf lokalen Seiten und Chrome-Erweiterungen.
google-chrome
font-face
Acauã Montiel
quelle
quelle
Antworten:
Dies bedeutet, dass das Netzwerk langsam ist und Chrome eine Webschrift (mit einer
@font-face
Regel geladen ) durch einen lokalen Fallback ersetzt.Standardmäßig ist der mit einer Webschrift gerenderte Text bis zum Herunterladen der Schrift unsichtbar ( „Blitz aus unsichtbarem Text“ ). Mit dieser Änderung kann der Benutzer in einem langsamen Netzwerk sofort mit dem Lesen beginnen, wenn der Inhalt geladen wird, anstatt einige Sekunden lang auf die leere Seite zu schauen.
quelle
Ich hatte das gleiche Problem mit Chrome Build
61.0.3163.100
auf MacOs Sierra mitlocalhost
als Server. Chrome begann mit der Protokollierung dieser Nachricht, als ich die Konfiguration der Netzwerkgeschwindigkeit auf 3G schnell / 3G langsam und wieder auf Online änderte.Fix: Als ich versuchte, den Offline-Modus und erneut den Online-Modus auszuwählen, verschwand das Protokollierungsproblem. (Dieser Fix funktioniert möglicherweise auf einigen Geräten oder Versionen nicht.)
Ich habe Google Chrome auf Version aktualisiert.
64.0.3282.119 (Official Build) (64-bit)
Es scheint, dass dieser Fehler jetzt behoben ist.quelle
BEARBEITEN: Dies funktioniert nicht mit der neuesten Version von 63.0+
Ich konnte es mit Hilfe eines der obigen Kommentare deaktivieren
chrome://flags/#enable-webfonts-intervention-v2
Der Trick besteht darin, auch die Option " Intervention des Benutzeragenten auslösen, damit WebFonts immer geladen werden " direkt darunter zu deaktivieren .
quelle
chrome://flags/#enable-webfonts-intervention-v2
In meinem Fall war es die AdBlock Plus-Erweiterung für Google Chrome. Schaltete es aus und es funktionierte perfekt.
quelle
Wenn Sie auf CSS dieser Erweiterung zugreifen können, fügen Sie einfach die
font-display:block;
Definition der Schriftart hinzu oder senden Sie Feedback an den Entwickler dieser Erweiterung :)quelle
* {font-display: block;}
es Ihrer CSS-Datei hinzufügen .font-display
kann nur in einer@font-face
Deklaration verwendet werden. So* {font-display: block;}
wird nicht wie erwartet funktionieren.Ich verstecke dies durch Festlegen der Konsoleneinstellung
Console settings
->User messages only
quelle
Error
Nachricht.Gehen Sie zu chrome: // flags / # enable-webfonts-intervention-v2 und setzen Sie es auf deaktiviert
Dies liegt an einem Fehler in Chrome mit der neuesten API für "Netzwerkgeschwindigkeit". Hoffe es wird in der nächsten Version behoben
quelle
Ich habe die Netzwerkdrosselung deaktiviert, aber heute wurde dieser Fehler bei einer 75-MBit / s-Geschäftsverbindung angezeigt ...
Um dies in meinem Build von Chrome 60.0.3112.90 (Official Build) (64-Bit) zu beheben, habe ich die DevTools geöffnet, dann zu den DevTools-Einstellungen navigiert und dann "XMLHttpRequests protokollieren", "Nur Benutzernachrichten" und "Netzwerknachrichten ausblenden" deaktiviert.
quelle
Der einfachste Weg, dies zu deaktivieren, besteht darin, die Warnungen in den Chrome Dev Tools zu deaktivieren
Hoffe das hilft.
quelle
Ich habe es gerade geschafft, dass der Filter-Regex funktioniert :
/^((?!Fallback\sfont).)*$/
.Fügen Sie es dem Filterfeld direkt über der Konsole hinzu, und alle darin enthaltenen Nachrichten werden ausgeblendet
Fallback font
.Sie können es genauer machen, wenn Sie möchten.
quelle
Wenn Sie eine App entwickeln, die Google-Schriftarten verwendet und sicherstellen möchten, dass Ihre Benutzer diese Warnungen nicht sehen. Eine mögliche Lösung ( hier detailliert ) bestand darin, die Schriftarten lokal zu laden.
Ich habe diese Lösung für eine Anwendung verwendet, die manchmal über ein langsames Internet (oder keinen Internetzugang) verfügt, aber dennoch Seiten bereitstellt. Dies setzt voraus, dass Ihre App Google-Schriftarten verwendet und Aktualisierungen dieser Schriftarten nicht kritisch sind. Nehmen Sie außerdem an, dass die Verwendung von ttf-Schriftarten für die Unterstützung Ihrer Anwendung WC3 TTF Font Browser geeignet ist .
So habe ich das lokale Bereitstellen von Schriftarten erreicht:
Gehen Sie zu https://fonts.google.com/ und suchen Sie nach Ihren Schriftarten
Fügen Sie Ihre Schriftarten hinzu
Laden Sie sie herunter
Platzieren Sie sie in Site Root
Fügen Sie sie Ihrer @ font-Datei hinzu
quelle
Ich hatte auch die gleichen Fehler mit den Schriften von fontawesome. Dann habe ich die neuesten Schriften heruntergeladen und durch die alten ersetzt. Und die Fehler sind weg.
quelle
Ich habe dieses Problem bei eckigen Webanwendungen nach dem Ersetzen des Links https://fonts.googleapis.com/icon?family=Material+Icons in index.html zur integrierten Version (npm install .... material-icons ...). Dies funktioniert, aber manchmal zeigt die Webanwendung diese Warnung an.
Wenn eine Warnung angezeigt wird, werden Symbole ca. 1 Sekunde lang nicht gerendert, sodass der Benutzer schlecht gerenderte Symbole sieht.
Ich habe noch keine Lösung.
quelle
Gehen Sie zur Stylesheet.css der Schriftart und fügen Sie die Schriftartenanzeige hinzu: block; in allen @ font-face {}
Diese Stackoverflow-Antwort hat mir geholfen.
Wenn Sie auf CSS dieser Erweiterung zugreifen können, fügen Sie einfach font-display hinzu: block; zur Definition von Schriftarten oder senden Sie Feedback an den Entwickler dieser Erweiterung :)
quelle
Sie können auf "Konsoleneinstellungen" klicken und dann das Kontrollkästchen "Nur Nachrichten verwenden" aktivieren. Danach werden diese Nachrichten nicht mehr angezeigt.
quelle
Das Update auf die neueste Version von Chrome (63.0.3239.84) über Hilfe -> Info wurde für mich behoben.
(Eigentlich musste ich auf der Registerkarte "Netzwerk" der Entwicklertools zu "Offline" und wieder zu "Online" wechseln, damit die letzten Fehler behoben werden.)
quelle
Sobald ich das DuckDuckGo Privacy Essentials-Plugin deaktiviert habe, ist es verschwunden. Etwas ärgerlich, da die von mir bereitgestellten Schriftarten von localhost stammen und daher nichts mit einer langsamen Netzwerkverbindung zu tun haben sollten.
quelle
Klicken Sie mit der rechten Maustaste auf Chrome Dev. Wählen Sie dann Filter. Und wählen Sie die Quelle der Nachrichten.
quelle