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

**URL:** https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711
**Category:** Support
**Created:** [7월 1, 2021, 11:23오후 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711 "2021-07-01T23:23:36Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [7월 1, 2021, 11:23오후 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/1 "2021-07-01T23:23:36Z")

</div>

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

```plaintext

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

```

---

<div class="post-metadata">

### Author: ![griffin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/griffin/32/223139_2.png) [@griffin](https://meta.discourse.org/u/griffin)
#### Post date: [7월 2, 2021, 12:30오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/2 "2021-07-02T00:30:01Z")

</div>

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

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

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

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

---

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [7월 2, 2021, 12:49오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/3 "2021-07-02T00:49:35Z")

</div>

@griffin 답변 감사합니다!

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

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

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

---

<div class="post-metadata">

### Author: ![griffin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/griffin/32/223139_2.png) [@griffin](https://meta.discourse.org/u/griffin)
#### Post date: [7월 2, 2021, 1:07오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/4 "2021-07-02T01:07:31Z")

</div>

반창고 🩹가 효과가 있었네요! 😊

폰트 패키지를 로드하는 URL 중 일부에 "http"가 포함되어 있을 가능성이 높습니다. 이는 `url` 소스를 사용할 때 [CSS @font-face 규칙](https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp)이나 [Google Fonts API](https://developers.google.com/fonts/docs/getting_started)를 사용할 때 자주 발생하는 문제입니다.

---

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [7월 2, 2021, 1:09오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/5 "2021-07-02T01:09:43Z")

</div>

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

---

<div class="post-metadata">

### Author: ![griffin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/griffin/32/223139_2.png) [@griffin](https://meta.discourse.org/u/griffin)
#### Post date: [7월 2, 2021, 1:10오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/6 "2021-07-02T01:10:42Z")

</div>

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

---

<div class="post-metadata">

### Author: ![4ong](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/4ong/32/186618_2.png) [@4ong](https://meta.discourse.org/u/4ong)
#### Post date: [7월 2, 2021, 1:12오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/7 "2021-07-02T01:12:01Z")

</div>

완료 - 개인 메시지 참조

---

<div class="post-metadata">

### Author: ![griffin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/griffin/32/223139_2.png) [@griffin](https://meta.discourse.org/u/griffin)
#### Post date: [7월 2, 2021, 2:23오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/8 "2021-07-02T02:23:48Z")

</div>

Discourse 팀에게:

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

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [8월 1, 2021, 2:23오전 UTC](https://meta.discourse.org/t/blocked-loading-mixed-active-content-issue-related-to-fonts/195711/9 "2021-08-01T02:23:59Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
