Font Bundles and 404 Error

2 posts, 0 answers
  1. Randy
    Randy avatar
    73 posts
    Member since:
    Jan 2009

    Posted 14 Jun 2017 Link to this post

    There seems to be a difference between the files used on our development server and production server. A comparison between the deployed files shows only the expected differences in web.config.

    On out development machine there are no Telerik bundles used, but on the production machine there are the following 4 and the all throw 404 errors.

    https://cms1.transguardian.com/bundles/kendo/fonts/glyphs/WebComponentsIcons.ttf?gedxeo

    https://cms1.transguardian.com/bundles/kendo/images/kendoui.woff?v=1.1

    https://cms1.transguardian.com/bundles/kendo/images/kendoui.ttf?v=1.1

    https://cms1.transguardian.com/bundles/kendo/fonts/glyphs/WebComponentsIcons.woff?gedxeo

     

    There is no Teleik code in our BundleConfig file other than us include the appropriate JS and CSS files. Nothing close the the paths listed above. I have check that we do have woff files that included in the project, but are set as do not copy.

    So far we have only noticed the issues on a page that uses a Telerik MVC Grid that has sub grids. The icons to expand and collapse the sub grid are missing.

    This happened when we upgraded to 2017.2.504

     

    Any ideas as to how to handle this?

    Thanks

    Randy

  2. Tsvetina
    Admin
    Tsvetina avatar
    2481 posts

    Posted 16 Jun 2017 Link to this post

    Hi Randy,

    Such issues could occur if the virtual directory for the StyleBundle for the Kendo UI styles has a root directory different than the physical one. This makes the relative path used for referencing the fonts incorrect.

    You should be able to resolve such issues if you define a separate StyleBundle for Kendo UI styles like this one (note that you may need to modify the path to match your folder structure exactly):

    bundles.Add(new StyleBundle("~/Content/kendo/2017.2.504/css").Include(
                    "~/Content/kendo/2017.2.504/kendo.common.min.css",
                    "~/Content/kendo/2017.2.504/kendo.default.min.css"));

    CSS bundling of Kendo UI styles is explained in detail here:
    CSS Bundling

    Regards,
    Tsvetina
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top