que puis-je faire dans ce cas? Je vois ceci sur ma console lorsqu'il est lancé sur le navigateur, l'application AngularJS:
Un réseau lent est détecté. La police de secours sera utilisée lors du chargement: /bootstrap/dist/fonts/glyphicons-halflings-regular.woff2
Je vois aussi les polices changer pendant le chargement.
Allez à chrome://flags/#enable-webfonts-intervention-v2
et réglez-le sur disabled
Cela est dû à un bogue dans Chrome avec leur dernière API pour "vitesse du réseau". J'espère que cela sera corrigé dans la prochaine version
Même problème sur le serveur localhost.
Mais si vous ne voulez pas voir ces messages dans le journal:
Sur les outils de chrome, les paramètres de la console, coché sur les messages utilisateur uniquement
Ajoutez simplementfont-display
à toutes les définitions css font-face pour supprimer les erreurs de la console.
@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;
}
Cela est dû aux multiples cadres utilisés. Vous pouvez l'ignorer. Cela ne crée aucun problème. Vous pouvez simplement supprimer des éléments de la console uniquement.
Pour masquer ces messages, procédez comme suit:
Tous les messages de la console slow network seront masqués . Mais gardez à l’esprit, cela ne fera que masquer ces messages et non résoudre le problème.
FYI:
C’est un système sûr pour le chrome d’accélérer son moteur au chrome. Ainsi, si votre site Web se charge lentement, la police locale sera utilisée pour afficher votre site Web plus tard, lorsque tout sera chargé, votre police d'origine apparaîtra. comme mentionné, vous pouvez continuer et le désactiver chrome://flags/#enable-webfonts-intervention-v2
et vous ne le verrez plus
Je suis confronté au même problème. Pour résoudre ce problème, il suffit de consulter la page du navigateur -> Console de goto -> Sur le paramètre de console ouvert en haut à droite -> Sélectionnez/vérifiez les messages des utilisateurs uniquement
Dans Chrome, tapez l'URL et entrez chrome://flags/#disable-accelerated-2d-canvas
. La nouvelle version de User Agent Intervention for WebFonts sera chargée, puis désactivée. Le problème sera résolu.
Cette solution JavaScript, indépendante du navigateur, empêche ces journaux et FOUT-FOIT-FOFT en faisant attendre l’utilisateur jusqu’à ce que la police ait été téléchargée.
Dans le client JavaScript, utilisez fontfaceobserver pour détecter si la police est chargée et n'indiquez pas le balisage utilisant cette police tant que la police n'est pas chargée.
Comment ne pas afficher le balisage dépend de la pile que vous utilisez.