2014-09-05 7 views
8

Ich versuche eine Google-Schriftart' Oswald 'zu verwenden. Wenn ich sie in meine Seite im recommended way einbetten:Google Fonts geben: Keine 'Access-Control-Allow-Origin'-Kopfzeile ist auf der angeforderten Ressource vorhanden

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

Chrome führt den folgenden Fehler:

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. 

Ist das nur ein Fehler auf Googles Teil oder mache ich etwas falsch?

+0

By the way, sollten Sie nicht "verwenden, um Begrenzt Argumentwerte in HTML-Tags. Es ist nicht Standard, und es ist einfach falsch. – Qualcuno

+3

@Qualcuno uh, danke, aber das wurde direkt von der Google Fonts-Seite kopiert. https://www.google.com/fonts#UsePlace:use/Collection:Oswald – deweydb

Antwort

24

Stellt sich heraus, es ist ein Konflikt mit prefixfree war

Lösung war "data-noprefix" auf den Link-Tag zu schreiben, so:

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

sollten Sie auch beachten Sie nicht zu verwenden "http: //" und sollte nur '//' statt –

+0

Danke, aber ich habe Probleme gehabt mit // in der Vergangenheit in einigen Browsern. Wenn die Site kein SSL-Zertifikat hat, sehe ich nicht, warum dies wichtig ist. – deweydb

+0

Nein, aber es bedeutet, dass Sie kein SSL installieren können, ohne dass es eine Benachrichtigung verursacht. –

Verwandte Themen