title: Font icons are not displaying for kendo spreadsheet in production
body: <p>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.</p>
  <p><strong>web.config</strong></p>
  <pre><code>&lt;add name=&quot;Content-Security-Policy&quot; value=&quot;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'&quot; /&gt;  
  </code></pre>
  <p>We are using Precompiled CSS for Kendo UI.</p>
  <p><strong>package.json</strong></p>
  <pre><code>&quot;@progress/kendo-theme-material&quot;: &quot;^4.41.2&quot;,
  &quot;@progress/kendo-ui&quot;: &quot;^2021.3.914&quot;
  </code></pre>
  <p><strong>angular.json</strong></p>
  <pre><code>&quot;styles&quot;: [&quot;node_modules/@progress/kendo-theme-material/dist/all.css&quot;,&quot;src/styles.scss&quot;]
  </code></pre>
  <p><strong>component.ts</strong></p>
  <pre><code>@ViewChild('spreadsheet') spreadsheetEl: ElementRef;
  ngAfterViewInit() {
      kendo.jQuery(this.spreadsheetEl.nativeElement).kendoSpreadsheet({
      });
    }
  </code></pre>