c# - 字体文件未使用 ASP.NET 包加载

Question

在我的 ASP.NET MVC 应用程序中，我使用 Bundle 来压缩 css 和 js 文件。问题是 - 启用优化模式后字体未加载。

BundleTable.EnableOptimizations = true;

这是C#代码

public static void RegisterBundles(BundleCollection bundles) {
    RegisterStyles(bundles);
    BundleTable.EnableOptimizations = true;
}

private static void RegisterStyles(BundleCollection bundles) {
bundles.Add(new StyleBundle("~/BundleStyles/css").Include(
    "~/Content/Styles/bootstrap/bootstrap.css",
    "~/Content/Styles/reset.css",
    "~/Content/Styles/gridpack/gridpack.css",

    "~/Content/Styles/fontFaces.css",
    "~/Content/Styles/icons.css",

    "~/Content/Styles/inputs.css",
    "~/Content/Styles/common.css",
    "~/Content/Styles/header.css",
    "~/Content/Styles/footer.css",
    "~/Content/Styles/cslider/slider-animations.css",
    "~/Content/Styles/cslider/slider-base.css"));
}

这是字体的 css。

   @font-face {
      font-family: ProximaNova;
      src: url('../Fonts/ProximaNova/ProximaNova-Bold.otf') format('opentype');
      font-weight: bold;
      font-style: normal;
    }

这是页面中引用 CSS 的方式。

<link href="/BundleStyles/css?v=pANk2exqBfQj5bGLJtVBW3Nf2cXFdq5J3hj5dsVW3u01" rel="stylesheet"/>

但是，当我使用 Chrome 调试器工具进行检查时，字体文件没有加载到页面，而且我的页面看起来很糟糕，因为字体不对。

我做错了什么？

Answer 1

嗯，我认为问题出在您的字体位置。我假设 bundle 的 css 虚拟位置 /BundleStyles/css 实际上并不存在。如果您的文件夹结构如下所示

内容 > 字体

内容 > 风格

如果这是真的，那么试试这个

将 /BundleStyles/css 更改为 /Content/css

<link href="/Content/css?v=pANk2exqBfQj5bGLJtVBW3Nf2cXFdq5J3hj5dsVW3u01" rel="stylesheet"/>

并像这样引用你的字体

src: url('Fonts/ProximaNova/ProximaNova-Bold.otf')

在这种情况下，您的字体将相对于位于内容文件夹内的“css”文件加载，该文件夹还包含“字体”文件夹

如果我的假设不正确，请向我们展示您的文件结构