谷歌字体API不工作asp.net mvc bundleconfig

时间:2018-02-02 08:42:35

标签: c# css asp.net asp.net-mvc asp.net-mvc-4

我目前正在开发一个ASP.NET MVC应用程序,并且我试图将一个谷歌字体包含在我的bundleconfig.cs中。

不幸的是,它没有按预期工作。我收到此错误:

网址' waits until the corresponding task is finished'无效。仅允许应用程序相对URL(〜/ url)。 参数名称:virtualPath

我在BundleConfig.cs中的 RegisterBundles 方法中的当前编码如下所示:

{{1}}

你知道如何在asp.net mvc 4中将google font api包含在一个bundle配置中吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

在 RegisterBundles 方法中,必须将 BundleCollection.UseCDN 成员变量设置为 true。下面的示例,请注意 Include 方法的使用(和不使用):

public static void RegisterBundles(BundleCollection bundles) {
    bundles.UseCdn = true;

    // SCRIPTS
    const string boostrapCdnPath = "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-beta3/js/bootstrap.bundle.min.js";
    bundles.Add(new ScriptBundle("~/bundles/bootstrap.bundle.min.js", boostrapCdnPath));
    bundles.Add(new ScriptBundle("~/bundles/someLocalScript").Include("~/scripts/someLocalScript.js"));

    // STYLES
    bundles.Add(new StyleBundle("~/bundles/GoogleOpenSans", "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap"));
    bundles.Add(new StyleBundle("~/bundles/bootstrap.min.css", "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-beta3/css/bootstrap.min.css"));
    bundles.Add(new StyleBundle("~/bundles/bootstrap-icons.min.css", "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.4.0/font/bootstrap-icons.min.css"));
}