javascript - 发布到 IIS 后，Kendoui 找不到 dejavu 字体

Question

我试图复制这个 example .

在我的 BundleConfig.cs 中:

<!-- language: c# --> 
public static string KendoVersion = "2015.1.429"; 
public static string KendoTheme = "bootstrap"; 
bundles.Add(new StyleBundle("~/Content/kendo/kendoui").Include(
    String.Format("~/Content/kendo/{0}/kendo.common.min.css",KendoVersion),
    String.Format("~/Content/kendo/{0}/kendo.common-{1}.core.min.css", KendoVersion, KendoTheme),
    String.Format("~/Content/kendo/{0}/kendo.common-{1}.min.css", KendoVersion,KendoTheme),
    String.Format("~/Content/kendo/{0}/kendo.{1}.min.css", KendoVersion, KendoTheme)
 ));

我有这个简单的观点:

<div class="pdf">
    Test <strong>Test2</strong>
</div>

<button class="export-pdf k-button" onclick="getPDF('.pdf')">Esporta in PDF</button>

<script type="text/javascript">
    function getPDF(selector) {
        kendo.drawing.drawDOM($(selector)).then(function (group) {
            kendo.drawing.pdf.saveAs(group, "Richiesta.pdf");
        });
    }
</script>

如果我在本地环境中运行我的应用程序，我不会遇到任何问题。但是如果我在远程发布到 IIS，当我点击“PFD”按钮时我有这个 JavaScript 错误:

Cannot load font from myWebSite.it/TestPdf/Content/kendo/fonts/DejaVu/DejaVuSans.ttf

文件已在服务器中正确发布，正确路径为:“~/Content/kendo/2015.1.429/fonts/DejaVu/DejaVuSans.ttf”

如果我将文件夹字体复制到文件夹“~/content/kendo”中，它就可以工作。

问题

为什么应用程序有这种行为？

我是否在某处遗漏了某些配置？

Answer 1

问题是字体(和图像)是相对于 css 文件的，所以当它捆绑时它在错误的路径中寻找字体，所以它试图在 ~/Content/kendo/fonts 中找到字体，但它们不是就像它们在 ~/Content/kendo/2015.1.429/fonts 中一样

更改您的包以包含版本，以便它可以在正确的路径中找到字体文件夹，例如

string bundleName = string.Format("~/Content/kendo/{0}/kendoui", KendoVersion);
 bundles.Add(
            new StyleBundle(bundleName).Include(
                String.Format("~/Content/kendo/{0}/kendo.common.min.css", KendoVersion),
                String.Format("~/Content/kendo/{0}/kendo.common-{1}.core.min.css", KendoVersion, KendoTheme),
                String.Format("~/Content/kendo/{0}/kendo.common-{1}.min.css", KendoVersion, KendoTheme),
                String.Format("~/Content/kendo/{0}/kendo.{1}.min.css", KendoVersion, KendoTheme)));
    }

它在调试时工作，因为它可能没有优化它们，因此使用了正确的路径

这里有更多信息http://docs.telerik.com/kendo-ui/aspnet-mvc/fundamentals#css-bundling