web-dev-qa-db-ja.com

GoogleWebフォントとSSLエラー

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

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

私はこのcssに私のウェブフォントを含めています：

@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 。

GoogleフォントでSSLを強制する方法はありますか？

sslwebfonts
19
drooling_slowly

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

76
mattlondon

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）でGoogleFontページを呼び出すようになります。

楽しい！

4
MSalmanSabir

非セキュアで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フォントを使用しているので、それをあなたのものと交換します。

---（これについてはこちらをご覧ください。

3
willdanceforfun