콘솔에 표시:네트워크 속도가 느리다.로드하는 동안 예비 글꼴이 사용됩니다.

콘솔에 표시:네트워크 속도가 느리다.로드하는 동안 예비 글꼴이 사용됩니다.

이 경우 제가 무엇을 할 수 있을까요?브라우저에서 실행했을 때 콘솔에 표시됩니다. Angular는JS 앱:

네트워크 속도가 느리다.로드하는 동안 예비 글꼴이 사용됩니다. /bootstrap/dist/fonts/glyphicons-halflings-regular.woff2

로드하는 동안 글꼴도 바뀝니다.

다음 크롬 플래그를 로 설정하면 해당 메시지가 dev-console에 표시되지 않습니다.

chrome://flags/#force-effective-connection-type

ᴛᴇꜱᴛᴇᴅ ᴏɴ
구글 크롬
버전 63.0.329.84

localhost 서버에서도 같은 문제가 발생.

그러나 이러한 메시지를 로그에 표시하지 않으려면 다음을 수행하십시오.

에서chrome tools=>console settings=> 사용자 메시지만 확인

콘솔에서 오류를 제거하려면 모든 css 글꼴 정의 추가만 하면 됩니다.

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

이는 여러 개의 프레임워크가 사용되고 있기 때문입니다.무시해도 돼요.문제가 발생하지 않습니다.콘솔에서만 삭제할 수 있습니다.

Chrome에 URL을 입력하고chrome://flags/#disable-accelerated-2d-canvas새로운 버전의 User Agent Intervention for WebFonts 로딩 후 비활성화하면 문제가 해결됩니다.

이것은 크롬 엔진의 속도를 높이기 위한 크롬의 고장 방지 장치입니다.이렇게 하면 웹 사이트의 로딩 속도가 느릴 경우 로컬 글꼴을 사용하여 나중에 모든 것이 로드되면 원래 글꼴이 나타납니다. 앞서 언급한 대로 웹 사이트를 비활성화하십시오.chrome://flags/#enable-webfonts-intervention-v2이제 이런 건 볼 수 없을 거야

저도 같은 문제에 직면해 있습니다.이 문제를 해결하려면 브라우저 페이지 -> goto console -> 오른쪽 상단 열기 콘솔 설정 -> 사용자 메시지 선택/체크만 옵션을 검사하면 이러한 느린 네트워크 로그가 사라집니다.

브라우저에 의존하지 않는 이 JavaScript 솔루션은 글꼴이 다운로드될 때까지 사용자를 기다리게 함으로써 이러한 로그와 FOUT-FOIT-FOFT를 방지합니다.

클라이언트 JavaScript에서는 글꼴이 로드되었는지 여부를 검출하기 위해 글꼴을 사용하고 글꼴이 로드될 때까지 해당 글꼴을 사용하여 마크업을 표시하지 않습니다.

마크업을 표시하지 않는 방법은 사용하는 스택에 따라 달라집니다.

AD 차단 도구를 꺼서 이 오류를 수정했습니다.

이 문제를 해결하려면 데이터베이스를 수정해야 합니다.코드나 플래그가 아닌 서버 에러가 발생했을 경우, 이것이 도움이 되기를 바랍니다.

chrome inspect tools -> console setting -> check "User messages only"

---

이러한 메시지를 숨기려면 다음 절차를 수행합니다.

1. 브라우저 검사 페이지를 열기만 하면 됩니다.
2. 콘솔 탭을 클릭합니다.
3. 오른쪽 상단에 콘솔 설정 열기
4. 사용자 메시지만 확인 옵션

저속 네트워크 콘솔메시지가 모두 숨겨집니다.그러나 이러한 메시지는 숨겨질 뿐 문제가 해결되지 않습니다.

참고:

나는 이 메타 태그에 만족합니다.

<meta content='IE=Edge;chrome=35+' https-equiv='X-UA-Compatible'/>

언급URL : https://stackoverflow.com/questions/42342133/showing-on-console-slow-network-is-detected-fallback-font-will-be-used-while-l