웹폰트 로컬에서는 보이는데 배포후에는 안보이네요
조회수 744회
안녕하세요.
깃헙페이지에 있는 블로그 폰트를 좀 바꿔보려고 삽질하다가 질문올립니다. 폰트는 cdn으로 import해서 다음과 같이 붙였습니다.
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
$base-font-family: 'Nanum Myeongjo', sans-serif;
$heading-font-family: 'Nanum Myeongjo', sans-serif;
분명히 로컬에서 보면 나눔명조로 폰트가 찍혔습니다. 그런데 배포하고 나서 웹페이지에 들어가보니 나눔명조로 안찍히고 나눔바른고딕으로 찍히네요. 왜 그러는지 모르겠네요. 아시는분의 도움이 필요로 합니다. 아래는 웹페이지와 저장소 링크입니다.
읽어주셔서 감사합니다.
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
Okky 바람종님이 달아주신 답변입니다.
Mixed Content: The page at 'https://yangeok.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'. This request has been blocked; the content must be served over HTTPS.
콘솔에 이런 오류가 찍힌줄도 모르고 질문만 올리고 다녔습니다. 블로그 주소인
https과 cdn 주소인http를 섞어써서 그렇다고 합니다. 그도 그럴게 로컬 웹서버로 돌릴때는http로 됐으니깐 로컬에서는 블로그 폰트가 잘 보였나봅니다.그래서
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);를 아래와 같이 바꿔주면 폰트가 잘 작동합니다.
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);-
(•́ ✖ •̀)
알 수 없는 사용자
-
댓글 입력