I can see it on the webfont local, but not after distribution

Asked 2 years ago, Updated 2 years ago, 147 views

Hello.

I'm going to change the blog font on the GitHub page, so I'm going to shovel and ask a question. Font was imported into cdn and attached as follows.

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
$base-font-family: 'Nanum Myeongjo', sans-serif; 
$heading-font-family: 'Nanum Myeongjo', sans-serif;

Obviously, if you look at it locally, the font was printed in the name of Sharing. But after distributing it, I went into the web page and found that it was not taken as a sharing name, but as a sharing Gothic. I don't know why. I need help from someone who knows. Below are the web pages and storage links.

Thank you for reading.

web-font cdn

2022-09-22 14:07

1 Answers

Okay, this is the answer from Wind Bell.

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.

I didn't know that there was this error on the console, so I only posted questions. It is said that it is because the blog address https and the cdn address http. I will, too. When I turned it to the local web server, it was http, so I guess the blog font was seen well locally.

So

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

If you change the as below, the font will work well.

@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


2022-09-22 14:07

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.