Загрузчик Webfont с Google Fonts не использует https

Я использую загрузчик веб-шрифтов для шрифтов на своем сайте и имею следующую настройку:

HTML

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" integrity="sha384-pvXSwSU09c+q9mPyY++ygUHWIYRoaxgnJ/JC5wcOzMb/NVVu+IDniiB9qWp3ZNWM" crossorigin="anonymous"></script>

JS

WebFont.load({
  google: {
    families: ['Libre Franklin']
  }
});

А потом по моему .htaccess Я устанавливаю источники для таблиц стилей как часть моей Политики безопасности контента следующим образом:

style-src 'self' https://fonts.googleapis.com;

Но когда сайт загружает шрифт, он использует http:// источник для шрифта, поэтому он блокируется CSP, и я получаю это сообщение об ошибке в консоли:

Refused to load the stylesheet 'http://fonts.googleapis.com/css?family=Libre+Franklin' because it violates the following Content Security Policy directive: "style-src 'self' https://fonts.googleapis.com".

Как я могу убедиться, что сайт загружает https:// версию таблицы стилей?

Источник

1 ответ

Библиотека webfonts.js использования location.protocol настроить запрос http или же https когда ваш проект находится в домене под https это будет изменено на https

Источник
Другие вопросы по тегам