Веб-шрифты Google и ошибка SSL

Мой сайт хорошо работает с веб-сайтами Google, пока пользователь не удалит часть SSL-сайта.

В этот момент хром выдает ошибку частичного кодирования, и мое меню cufon портит кернинг.

Я включаю мой webfont с этим 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?

Ответ 1

Вы пытались заменить https:// на // в URL-адресе? Запрос должен использовать правильный протокол автоматически.

Ответ 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'>

Это простое изменение заставит ваш браузер вызвать страницу Google Font в соответствующем режиме (HTTP vs HTTPS).

Наслаждайтесь!

Ответ 3

Чтобы загрузить шрифты Google, которые будут работать в незащищенном режиме и в режиме SSL, попробуйте следующее в заголовке страницы - (и удалите то, что у вас там, вызывающее https://внутри CSS):

<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, поэтому замените его своим.

Вы можете прочитать об этом подробнее.