2014-09-05 9 views
8

Sto tentando di utilizzare un carattere google 'Oswald'. Quando l'ho incorporare nella mia pagina nel recommended way:Caratteri Google che forniscono: Nessuna intestazione 'Access-Control-Allow-Origin' è presente sulla risorsa richiesta

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

Chrome lancia il seguente errore:

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. 

E 'solo un errore da parte di Google o sto facendo qualcosa di sbagliato?

+0

Tra l'altro, non si dovrebbe usare 'per delimitare i valori degli argomenti nei tag HTML. Non è standard, ed è semplicemente sbagliato. – Qualcuno

+3

@Qualcuno, grazie, ma è stato copiato direttamente dalla pagina di Google Fonts. https://www.google.com/fonts#UsePlace:use/Collection:Oswald – deweydb

risposta

24

Abbiamo scoperto che era un conflitto con prefixfree

soluzione era quella di aggiungere "data-noprefix" al tag link, in questo modo:

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

dovresti anche notare di non usare 'http: //' e dovresti semplicemente usare '//' invece –

+0

Grazie, ma ho avuto problemi con // in passato in alcuni browser. Se il sito non ha un certificato SSL, non vedo perché questo è importante. – deweydb

+0

no, ma non significa che non è possibile installare un SSL senza che causi una notifica –

Problemi correlati