Google Fonts: Brak nagłówka "Access-Control-Allow-Origin" na żądanym zasobie

Próbuję użyć czcionki Google "Oswald". Kiedy i osadzić go na mojej stronie w recommended way:Google Fonts: Brak nagłówka "Access-Control-Allow-Origin" na żądanym zasobie

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>

Chrome rzuca się następujący błąd:

XMLHttpRequest cannot load http://fonts.googleapis.com/css?family=Oswald:400,300,700. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://<<redacted>>' is therefore not allowed access.

Czy to tylko błędem ze strony google lub robię coś źle?

Źródło

2014-09-05 deweydb

Przy okazji, nie należy używać "do ogranicz wartości argumentów w znacznikach HTML. To nie jest standard i po prostu jest źle. – Qualcuno

@Qualcuno, dzięki, ale zostało to skopiowane bezpośrednio ze strony Google Fonts. https://www.google.com/fonts#UsePlace:use/Collection:Oswald – deweydb

Okazuje się, że był to konflikt z prefixfree

rozwiązanie było dodać "data-noprefix" do znacznika łącza, tak:

<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css' data-noprefix>

Źródło

2014-09-09 03:06:05 deweydb

powinieneś również pamiętać, aby nie używać 'http: //' i powinno się używać '//' zamiast –

Dzięki, ale miałem problemy z // w przeszłości w niektórych przeglądarkach. Jeśli witryna nie ma certyfikatu SSL, nie widzę powodu, dla którego ma to znaczenie. – deweydb

Nie, nie, ale oznacza to, że nie można zainstalować SSL bez wywoływania powiadomienia. –

Google Fonts: Brak nagłówka "Access-Control-Allow-Origin" na żądanym zasobie

Odpowiedz

Powiązane problemy