Font Bundles and 404 Error

[Randy]

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

[Tsvetina]

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