CSP Violation Error when Adding Google Fonts to Shopify Hydrogen 2.0

[kiran121]

How can I resolve this CSP violation error on Shopify Hydrogen 2.0 and successfully add Google Fonts to my theme? I've attempted to update the style-src directive with the Google Fonts URL, but the issue persists. Any insights or guidance on adjusting the CSP settings for the Hydrogen 2.0 theme would be greatly appreciated.

Thanks in advance!

[Weaverse · Accepted solution]

Hey @kiran121, you can update the createContentSecurityPolicy function in entry.server.tsx file to include "fonts.googleapis.com". However, this function does not merge the directives by default. You have to define all other styleSrc directives like this.

[kiran121]

Thank you , it works

[denis1234]

its not working for me btw