19

ユーザーがサイトの SSL 部分にアクセスするまで、私のサイトは Google Web フォントで正常に動作しています。

その時点で、chrome は部分的なエンコード エラーをスローし、cufon メニューはカーニングを失います。

このcssにWebフォントを含めています：

@font-face {
src: local('Lusitana'), url(https://themes.googleusercontent.com/static/fonts/lusitana
/v1/tAIvAkRzqMJf8Y4fM1R7PXYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}

次に、js コンソールに次のエラーが表示されます。

[ブロック] https://domain.com/ecommerce.phpのページで、 http://fonts.googleapis.com/css?family=Lusitana:regular,700&subset=latinの安全でないコンテンツが実行 されました。

SSLを強制するためにGoogleフォントを取得する方法はありますか?

4

4 に答える 4

77

URLで に置き換えhttps://てみましたか？//リクエストは、正しいプロトコルを自動的に使用する必要があります。

于 2012-08-25T04:18:48.097 に答える
3

非セキュアな SSL モードで動作する Google フォントをロードするには、ページ ヘッダーで次を試してください - (そして、CSS 内で https:// を呼び出してそこにあるものを削除します):

<script type="text/javascript">
  WebFontConfig = { google: { families: [ 'Droid+Serif::latin' ] } };
  (function() {
  var wf = document.createElement('script');
  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
})();
</script>

私の例では、Droid Serif フォントを使用しているので、それをあなたのものと交換してください。

詳細については、こちらをご覧ください。

于 2013-04-10T09:13:27.927 に答える