Externally translated website not loading Style CSS (due to fingerprint integrity check)

support
2

it’s new to me that google translate now served translated page from it’s own custom domain.

From:

https://dariusz.wieckiewicz.org/en/

Served by google translate:

https://dariusz-wieckiewicz-org.translate.goog/....

Not expert in this topic, but

  1. Does it work if you use .RelPermalink instead of .Permalink for your resources? Does SRI allows resources to use relative link?

when i see the console log error, looks like it’s more about the CORS than the SRI itself.

Subresource Integrity: The resource ‘https://dariusz.wieckiewicz.org/css/style.min.34ac59fa0708998b3fdd9b5828fa07efe27f5371d7716a5cf184f45b1d91a5db.css’ has an integrity attribute, but the resource requires the request to be CORS enabled to check the integrity, and it is not. The resource has been blocked because the integrity cannot be enforced.

  1. From MDN, Cross-Origin Resource Sharing and Subresource Integrity

For subresource-integrity verification of a resource served from an origin other than the document in which it’s embedded, browsers additionally check the resource using Cross-Origin Resource Sharing (CORS), to ensure the origin serving the resource allows it to be shared with the requesting origin. Therefore, the resource must be served with an Access-Control-Allow-Origin header that allows the resource to be shared with the requesting origin; for example:

Access-Control-Allow-Origin: *

or set it with specific origin:

Access-Control-Allow-Origin: https://dariusz-wieckiewicz-org.translate.goog
2 Likes