Azure CDN font loading issue

Question

I have deployed the Blazor Web Assembly (ASP.Net Core Hosted) to Azure Web App then i have enabled the CDN (Standard Akamai pricing tier) for that Web App (Networking > Azure CDN). All the static asssets like JS, CSS, Images are loading from the CDN except fonts. It says CORS orgin error for CDN endpoint. I have also tried adding mime type in web.config file of he Azure Web App but no luck.
Can anyone help to resolve this issue.

Screenshot:

Can you share the detailed URL (please hide/remove your CDN endpoint name in the URL) and error message? So that we can help troubleshoot the issue better. — Fei Han, Dec 07 '20 at 05:22
Hi @Fei Han, Thanks for your response. Please find the updated question with screenshot — Shahul Hameed, Dec 08 '20 at 04:55
Does the font file is stored under Blazor wasm project `wwwroot\fonts` folder? — Fei Han, Dec 08 '20 at 08:08
@Fei Han - sorry for the delay. It was worked after enabling Allow Cross Origin in Web App — Shahul Hameed, Dec 15 '20 at 11:03

score 0 · Answer 1 · answered Jan 03 '21 at 09:44

Answering this as it might help others with similar queries:

CORS support is built-in for Azure App Service. You can configure CORS via the Azure portal by navigating to your App Service, selecting CORS under the API section on the left blade, and specifying the origins that should be allowed to make cross-origin calls. To allow all, use "*" and remove all other origins from the list.

To enable CORS via Azure CLI, use the az webapp cors command as follows:

az webapp cors add --resource-group <resource-group-name> --name <app-name> --allowed-origins "['*']"

Refer to this blog post for a detailed walkthrough.

Azure CDN font loading issue

1 Answers1