폰트와 관련된 '혼합 활성 콘텐츠 로딩 차단' 문제

제품 지원
1

브라우저 콘솔에서 다음 오류를 확인했습니다.
하지만 수정 방법을 찾지 못하고 있습니다 - 처음부터 https://를 사용하고 있으며 모든 것이 정상적으로 작동합니다. 다른 글꼴을 사용하도록 마법사를 다시 실행해 보았지만 도움이 되지 않았습니다.
이 문제를 해결하기 위해 시도해 볼 수 있는 방법이 있을까요? 감사합니다!


Mixed active content "http://<domain>.com/fonts/Mukta-Bold.ttf?v=0.0.8" 로딩이 차단되었습니다

[css-logic.js:517:31](resource://devtools/shared/inspector/css-logic.js)

Mixed active content "http://<domain>.com/fonts/Mukta-Regular.ttf?v=0.0.8" 로딩이 차단되었습니다

[css-logic.js:517:31](resource://devtools/shared/inspector/css-logic.js)

Mixed active content "http://<domain>.com/fonts/Mukta-Regular.ttf?v=0.0.8" 로딩이 차단되었습니다

[all_results](https://<domain>.com/admin/site_settings/category/all_results?filter=extensions)

downloadable font: 다운로드 시작 실패 (font-family: "Mukta" style:normal weight:400 stretch:100 src index:0): 콘텐츠 차단 소스: http://<domain>.com/fonts/Mukta-Regular.ttf?v=0.0.8

Mixed active content "http://<domain>.com/fonts/Mukta-Bold.ttf?v=0.0.8" 로딩이 차단되었습니다

[all_results](https://<domain>.com/admin/site_settings/category/all_results?filter=extensions)

downloadable font: 다운로드 시작 실패 (font-family: "Mukta" style:normal weight:700 stretch:100 src index:0): 콘텐츠 차단 소스: http://<domain>.com/fonts/Mukta-Bold.ttf?v=0.0.8
2

페이지 내부에 언급된 리소스의 URL이 실제로 "https"로 시작합니까? “http” URL로 로드되는 모든 리소스는 혼합 콘텐츠로 간주됩니다.

해당 페이지에 다음 헤더를 포함하는 것이 일시적인 해결책이 될 수 있습니다:

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

이 설정은 근본 원인을 파악하는 동안 혼합 리소스가 "https"를 통해 로드되도록 "권장"합니다.

3

@griffin 답변 감사합니다!

저는 discourse-setup 명령으로 설치한 일반 Discourse를 사용 중입니다.
도메인은 https로 설정되어 있으며, 이미지와 첨부파일 포함 모든 기능이 정상적으로 작동합니다.
하지만 동일한 Discourse에서 폰트 관련 오류가 발생하고 있습니다.

이 코드가 문제를 해결하는 것 같습니다. 감사합니다!

문제의 근본 원인은 아직 명확하지 않지만, 나중에 조사해 보겠습니다.

4

반창고 :adhesive_bandage:가 효과가 있었네요! :blush:

폰트 패키지를 로드하는 URL 중 일부에 "http"가 포함되어 있을 가능성이 높습니다. 이는 url 소스를 사용할 때 CSS @font-face 규칙이나 Google Fonts API를 사용할 때 자주 발생하는 문제입니다.

5

@griffin 네, 문제는 “http”가 제 디스코로 연결된다는 거예요 :slight_smile: 그리고 폰트는 디스코어 위저드에서 제가 직접 선택한 거예요

6

이 문제가 발생하는 페이지의 URL을 공유해 주시겠습니까?

7

완료 - 개인 메시지 참조

8

Discourse 팀에게:

지금은 임시 조치(밴드에이드)로 해결됩니다. 표준 Discourse 설치 환경의 글꼴 선택에서 버그가 여전히 존재합니다. 데스크톱 뷰에서만 나타나고 모바일에서는 나타나지 않을 수 있습니다.