html – Font icons are not displaying for kendo spreadsheet in production

I am using kendo spread sheet for my angular application and every thing working fine locally. When I moved code to production it is not working as expected. Basically font icons are not showing.
We have a content security policy defined and it is set as per kendo policy.

web.config

<add name="Content-Security-Policy" value="img-src 'self' data:;default-src 'self' 'unsafe-eval'; script-src: 'self' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; object-src 'none'; connect-src *; frame-src 'self' https://login.microsoftonline.com; child-src 'self' https://login.microsoftonline.com; frame-ancestors 'self'; base-uri 'self'" /> 

We are using Precompiled CSS for Kendo UI.

package.json

"@progress/kendo-theme-material": "^4.41.2",
"@progress/kendo-ui": "^2021.3.914"

angular.json

"styles": ["node_modules/@progress/kendo-theme-material/dist/all.css","src/styles.scss"]

component.ts

@ViewChild('spreadsheet') spreadsheetEl: ElementRef;
ngAfterViewInit() {
    kendo.jQuery(this.spreadsheetEl.nativeElement).kendoSpreadsheet({
    });
  }