WebComponentsIcons not appearing

2 posts, 0 answers
  1. Charles
    Charles avatar
    11 posts
    Member since:
    Jun 2018

    Posted 01 Nov 2018 Link to this post

    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

  2. Marin Bratanov
    Marin Bratanov avatar
    5363 posts

    Posted 02 Nov 2018 Link to this post

    Hello Charles,

    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


    Marin Bratanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top