jsfiddle - JSFiddleにGoogleフォントを含めるには?

Question

成功せずに jsFiddle に Google フォントを含めようとしています。「外部リソース」に URL を追加しましたが、<script>.

これは私が含めたいフォントです：

<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>

Answer 1

@import を使用して、Web フォントを CSS 象限に含める必要があります。

@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300);

Answer 2

HTML ページ (またはテンプレート) で次の行を見つけます。

<link href='http://fonts.googleapis.com/css?family=Dosis:400,700' rel='stylesheet' type='text/css'>

これを次のように変更します。

<link href='//fonts.googleapis.com/css?family=Dosis:400,700' rel='stylesheet' type='text/css'>

この単純な変更により、ブラウザーは適切なモード (HTTP と HTTPS) で Google フォント ページを呼び出すようになります。

ソース: https://www.amixa.com/blog/2012/06/06/how-to-use-google-fonts-under-both-ssl-and-non-ssl-without-ssl-insecure-messages/