发布到 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 错误：

无法从 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