Fonts in Shopify's Taste theme not rendered correctly

Store Design
1

Hello,

I have recently changed my store’s theme to Shopify’s Taste (althaea.eu.com). I want to use the fonts from the predefined list that is available to me.

There are two different fonts:

For Headers Kalam Bold (or Americana)

and for the rest Anonymous Pro

Although in preview mode shows fine, in the production it shoes headers and body with default sans-serif.

Attaching those images: First one is from preview and the second from the production.

Screenshot 2022-07-16 at 00.22.07.png
Screenshot 2022-07-16 at 00.22.07.png1481×1055 225 KB

Screenshot 2022-07-16 at 00.22.20.png
Screenshot 2022-07-16 at 00.22.20.png1613×1101 234 KB

Inspecting code I see four errors each responding to the font. Error message is:

Access to font at ‘https://fonts.shopifycdn.com/kalam/kalam_n7.58db6f68e2cb2d86480a7d332166de6fe44bfc31.woff2?h1=d3d3LmFsdGhhZWEuZXUuY29t&hmac=b489bb8ebb266c583c03b88731f56d3119ae6d3b9ce2a1641eab30f242f41b72’ from origin ‘https://www.althaea.eu.com’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Any suggestion or help on this?

2

*A note: Using another theme (Retina) in the same shop, any (google font or web font ) chosen through the UI theme settings renders correctly.

3

I have managed to overcome this through adding some code snippet by adding the Google fonts inside theme.css. I don’t think solves the root cause of the previous issue but it works.