2015-11-29 16 views
16

Google Yazı Tiplerini kullanmaya çalışıyorum ve hiçbir zaman sorun yaşamadım, ancak şimdi üstbilgimde CSS dosyasını eklemeye çalıştığımda bu hatayı konsolda görüyorum:Google Yazı Tipleri, İçerik Güvenliği Politikasını ihlal ediyor

'http://fonts.googleapis.com/css?family=Whatever' stil sayfasını yüklemek için reddedildi, çünkü şu İçerik Güvenliği İlkesi yönergesini ihlal ediyor: "style-src 'self' 'unsafe-inline'".

+0

Bu nedenle, bu kaynağa izin vermek için gönderdiğiniz CSP üstbilgisini değiştirmeniz gerekir. Mevcut ayarlara bakarsanız, stillerin "googleapis.com" ifadesini içermeyen "self" konumuyla sınırlı olduğunu açıkça görebilirsiniz. – arkascha

+0

Bir meta etiketi kullanarak değiştirmeyi denedim ve internette gördüğüm bazı şeyleri ekledim ama bunu çözemedim ... –

+1

Bunun meta etiketleri ile ilgisi yok. Bir "CSP başlığı" bir http başlığıdır, protokolün bir parçası, içerik değil. Gönder, yanlışlıkla ya da tesadüfen. Belki biraz çerçeve kullandığınız için, ancak daha fazla ayrıntı göndermeden başka bir şey söyleyemeyiz. – arkascha

cevap

39

burada düzeltmek için iki şey vardır: Google yazı bağlantıdan

  • kullanın https font-src yönergede style-src direktif ve https://fonts.gstatic.com içinde (https://fonts.googleapis.com/css?family=Whatever)
  • Yetki https://fonts.googleapis.com: "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com data:"
+3

'data: 'nedir? – Birowsky

+0

'Verilere izin verir: URI'ler içerik kaynağı olarak kullanılmalıdır. ' https://developer.mozilla.org/en/docs/Web/Security/CSP/CSP_policy_directives#Data –

+0

Sorunumu google yazı tipleri ile çözdüm! – Jenan

6

ise sen benim gibi ve biraz kafan karışmışsın çünkü her cevap, gösterilmeden bir stil-src direktifinde bir url yetkilendirmeniz gerektiğini söylüyor nasıl yapılacağı, işte tam etiket: