cssはサンドボックスでテストするときに機能しますが、ウェブページに適用されたときには機能しません。

Question

現在、このCSSフォントを動作させようとしています。なぜそうでないのかわかりません。だからここに私のページです：テキストがArialの中にあるいくつかの理由

https://web.njit.edu/~kl297/webtest/home.html

。あなたはコピーして貼り付ける場合は、正確なコードがcssdeskにページに書かれてthatsの、CSSは動作します：

http://www.cssdesk.com/cMrtH

誰もが何が起こっているか知っていますか？

Answer 1

などの使用インポートリンクでhttps、：あなたのページはhttpsが、あなたが要求しているフォントを使用して提供していますので、これは代わりに

@import url(http://fonts.googleapis.com/css?family=Geo&subset=latin);

の

@import url(https://fonts.googleapis.com/css?family=Geo&subset=latin); 

安全でないURL（つまりhttp）にロードされました。したがって、スタイルタグ内のインポートURLにhttpsを使用する必要があります。