I’ve a static web page hosted in a bucket that I serve up through the Google Platform.
There isn’t any “net server” for this service as corresponding to I’m simply serving up static pages from a bucket – I perceive that Google will need to have their very own server that handles this although.
Checking the developer console within the browser I can see the next points for all stylesheets, scripts and fonts that the online web page makes use of:
Refused to load the stylesheet XXXXXXX as a result of it violates the next Content material Safety Coverage directive: "default-src 'none'". Be aware that 'style-src-elem' was not explicitly set, so 'default-src' is used as a fallback.
I believe I’ve acquired my Content material Safety settings appropriate:
<meta http-equiv="Content material-Safety-Coverage" content material=" default-src 'self'; img-src 'self' https://syndication.twitter.com; font-src 'self' https://use.fontawesome.com https://fonts.gstatic.com https://fonts.googleapis.com; script-src 'self' 'unsafe-inline' https://stackpath.bootstrapcdn.com https://join.fb.internet https://platform.twitter.com https://code.jquery.com https://cdnjs.cloudflare.com; style-src 'self' 'unsafe-inline' https://stackpath.bootstrapcdn.com https://use.fontawesome.com https://fonts.googleapis.com; frame-src 'self' https://www.fb.com https://join.fb.internet https://platform.twitter.com https://www.youtube.com; ">
These are the hyperlinks that fail, every ‘exterior’ one consists of signing with the imports to make sure that the “actual” factor is loaded.
<!-- Bootstrap core CSS --> <hyperlink rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="nameless"> <!-- Font Superior --> <hyperlink rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="nameless"> <!-- Customized fonts for this template --> <hyperlink href='https://fonts.googleapis.com/css?household=Titillium+Internet' rel='stylesheet' kind='textual content/css'> <hyperlink href='https://fonts.googleapis.com/css?household=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' kind='textual content/css'>
Can anybody see what I’m doing fallacious or provide any recommendation on methods to get this working persistently?