2015-11-29 17 views
16

Próbuję użyć czcionek Google i nigdy nie miałem żadnych problemów, ale teraz, gdy próbuję dodać plik CSS do mojego nagłówka, pojawia się ten błąd na konsoli:Google Fonts narusza Politykę bezpieczeństwa treści

Odmowa załadowania arkusza stylów 'http://fonts.googleapis.com/css?family=Whatever', ponieważ narusza następującą dyrektywę Content Content Policy: "style-src 'self' 'unsafe-inline'".

+0

Musisz więc zmienić wysłany nagłówek CSP, aby zezwolić na ten zasób. Jeśli spojrzysz na bieżące ustawienie, możesz wyraźnie zobaczyć, że style są ograniczone do lokalizacji 'self', która najprawdopodobniej nie zawiera' googleapis.com'. – arkascha

+0

Próbowałem zmodyfikować go za pomocą metatagu i dodać kilka rzeczy, które widziałem w Internecie, ale nie byłem w stanie rozwiązać tego ... –

+1

Nie ma to nic wspólnego z metatagami. "Nagłówek CSP" to nagłówek http, więc część protokołu, a nie treść. Wysyłasz go, czy to celowo, czy przypadkowo. Może dlatego, że używasz jakiegoś frameworka, ale nie możemy powiedzieć nic więcej bez publikowania więcej szczegółów. – arkascha

Odpowiedz

39

Są dwie rzeczy, aby naprawić tutaj:

  • Użyj https dla czcionek linku Google (https://fonts.googleapis.com/css?family=Whatever)
  • autoryzacji https://fonts.googleapis.com w dyrektywie style-src i https://fonts.gstatic.com w dyrektywie font-src: "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com data:"
+3

do czego służą 'dane:'? – Birowsky

+0

'Umożliwia dane: identyfikatory URI mogą być używane jako źródło treści. Od https://developer.mozilla.org/en/docs/Web/Security/CSP/CSP_policy_directives#Data –

+0

Rozwiązałem mój problem z czcionkami google! – Jenan

6

Jeśli jesteś taki jak ja i trochę zdezorientowany, ponieważ każda odpowiedź mówi tylko, że musisz autoryzować adres URL w dyrektywie src stylu bez pokazywania jak to zrobić, oto pełny tag:

<meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline' http://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com;"> 
Powiązane problemy