javascript - Kendoui发布到IIS后无法找到dejavu字体

我试图复制此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错误：


  无法从myWebSite.it/TestPdf/Content/kendo/fonts/DejaVu/DejaVuSans.ttf加载字体


在服务器中正确删除了文件，正确的路径是：
“〜/ Content / kendo / 2015.1.429 / fonts / DejaVu / DejaVuSans.ttf”

如果我将文件夹字体复制到文件夹“〜/ content / kendo”内，则可以使用。

题

为什么应用程序有此行为？

我在某处错过了一些配置吗？

最佳答案

问题是字体（和图像）是相对于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