현재 GitHub Pages를 통해 React/Gatsby 프로젝트를 진행하고 있으며 fonts.com 및 해당 웹을 망치고 있습니다. -fonts 시스템을 사용하여 Rockwell 글꼴을 얻습니다. 나는 내 코드의 섹션에 스크립트 태그를 입력의 지시에 따라 :Fonts.com Web-Font로드 중 Chrome에서 작동하지 않습니다. (배포 된 경우에만 해당)
<script type="text/javascript" src="//fast.fonts.net/jsapi/0a390850-37c6-420c-8ead-c15e81202559.js"></script>
내 도메인을 참조 할 때 내가 그들의 조언을 모두 따라, 그리고 나는이 흥미로운 버그로 실행했습니다.
글꼴은 Firefox에서 완벽하게 정상적으로로드됩니다.a. 업데이트 : 이것은 사실이 아니었고, 캐시 된 것입니다. 8000
A :
글꼴 또한 내가 실행할 때 '개발 개츠비'와 내 프로젝트 로컬 호스트에서 실행을로드합니다. (나는이 멋진 "빈 캐시와 하드 다시로드"크롬의 기능을 사용할 수 있기 때문에 로컬 호스트에서 작동하는지 알고있다.)
그리고 아직, 내가 크롬에서 페이지를 끌어 때, 나는 다음과 같은 오류가 발생합니다
GET https://fast.fonts.net/dv2/14/8dd355f9-1a9a-4d91-8aa1-7dcc9deeb439.woff2?d44f19a684109620e4841578a490e8187cac2bf7466ecccd35f843ec9e8410dc73fea4cea7acbbbaf9d830e48fc615a792f4b24a1c10853efb77f66879fc39a15a09593f079cf7a38cb48dd4836fa2ebba1b54d33b577d893508a6f4d0526453533728dec4671fee2d130ac32d5b8a97d5&projectId=0a390850-37c6-420c-8ead-c15e81202559 net::ERR_ABORTED
이렇게 표시되거나 403 오류가 발생합니다. (403 오류 해결에 대한 게시 된 조언을 따랐습니다.)
저는 인터넷으로 인터넷을 탐색하고 아무 소용이 없습니다. 나는 CSS에서 @import를 사용하도록 제안하는 비슷한 문제를 발견했다. 그러나 자바 스크립트 파일이기 때문에 작동하지 않는다.
내가 말할 수있는 한, 그것은 글꼴의 woff2 부분을로드하는 것과 관련이있다. 특히, 웹 글꼴이기 때문에 그 부분을 가져갈 수 없습니다. 어떻게 든 그것은 net :: ERR_ABORTED의 결과입니다. 개츠비 (Gatsby)의 출판 방식과 관련이 있습니까? 아니면 React가 어떻게 스크립트 태그를 가지고있는 핸들을?
조언 해 주셔서 감사합니다.
업데이트 : Firefox에 캐싱되었습니다. 이것은 Webpack이 스크립트 태그/다운로드 된 것들을 망쳐 놓고 있다고 믿게합니다.