I'm having issue with getting WebComponentsIcons to appear in a testing environment after publishing. It works fine in dev.
I've looked everywhere to find the problem but with no success.
The font files are where the should be according to @font-face in kendo-common-bootstrap.css (/Content/web/fonts/glyphs/)
I haven't changed or overridden any of the css classes such as .k-tool-icon.
The class assignments are kendo - provided. I did not choose any of the classes that include WebComponentsIcons
I'm a little stumped here and and unsure of what I should be looking at for a solution.
I can't provide code due to security policy, but if I could get some general pointers to what I should be looking at that would be a huge help
1 Answer, 1 is accepted
My best guess is that something goes wrong with the network requests on the test server. Can you confirm all network requests return successfully and none fail (e.g., with 404)?
Here are a few things I have seen cause similar problems:
- if this happens only in IE, it is likely that IE goes into Compatibility Mode when accessing the test server and so it is basically IE7 that does not support font icons (and is not supported by Kendo UI)
- there is some IIS setup that breaks the file (like wrong MIME type defined for a font or for a stylesheet)
- there is a networking issue (like a firewall, proxy, antivirus) on the server that prevents the request for the font or the stylesheet
- there is a wrong path registered somewhere in test that is correct in dev, for example, if a tool generates the list of resources to be included on the page, there may be some difference in what is needed in dev and in staging; or the application path in test can be different
Regards,
Marin Bratanov
Progress Telerik