Hot to enable CORS policy for font in Linux (nginx) WordPress App Service

Question

I see lots of references to fixing CORS errors for fonts in WordPress using Windows App Service (IIS) in web.config. I don't see how to make this work when deployed to Linux App Service (nginx). The nginx.conf file already has the correct settings based on what I can find. How to make this work?

location ~ \.(ttf|ttc|otf|eot|woff|woff2|font.css)$ {
    expires 31536000s;
    etag on;
    if_modified_since exact;
    add_header Pragma "public";
    add_header Cache-Control "public";
    add_header Referrer-Policy "no-referrer-when-downgrade";
    add_header Access-Control-Allow-Origin "*";
}

Answer 1

@Tim Gitchel You are right about the CDN not forwarding the CORS headers, which is why the browser is rejecting the requests. If you had enabled CORS after setting up the CDN, then you would have to purge content and it should have worked after that, assuming the origin sent back is either * or the hostname of the CDN.

While it may not be applicable to your scenario since you just have a wordpress site, for others coming across this issue and require supporting multiple origins, you will have to setup rules to return headers as required. Check this doc for more information.