无法在Razor中工作_Razor_Font Awesome

无法在Razor中工作

razor

无法在Razor中工作,razor,font-awesome,Razor,Font Awesome,这是我第一次尝试在ASP.NETMVC5项目中使用FontAwesome。以下是我所做的工作：使用Nuget Manager，下载了FontAwesome软件包。在RegisterBundles方法中添加了以下行： bundles.Addnew StyleBundle~/Content/fontawesome.Include ~/Content/font-awesome.min.css；添加了在_Layout.cshtml中使用此捆绑包的逻辑： @Scripts.Render~/bu

这是我第一次尝试在ASP.NETMVC5项目中使用FontAwesome。以下是我所做的工作：

使用Nuget Manager，下载了FontAwesome软件包。在RegisterBundles方法中添加了以下行： bundles.Addnew StyleBundle~/Content/fontawesome.Include ~/Content/font-awesome.min.css；

添加了在_Layout.cshtml中使用此捆绑包的逻辑： @Scripts.Render~/bundles/jquery @Scripts.Render~/bundles/bootstrap @Scripts.Render~/Content/fontsawesome//添加了此行 @RenderSectionscripts，必需：false

以下是我的simple Test.cshtml：

<h2>Test</h2>
<i class="fa fa-star"></i>

在浏览器中显示时，测试后我看不到任何内容。我希望看到一颗星星

以下是浏览器中的页面源代码段：

<div class="container body-content">
  <h2>Test</h2>
  <i class="fa fa-star"></i>
</div>

<script src="/bundles/jquery?v=8z6YzzH0c3lAT2R_qe2hLO3ZyowcuHmPA5RUiWrC6gU1"></script>
<script src="/bundles/bootstrap?v=H2j5HUSj46jlSq1Se76I-uTAYq6y_MryNeOkhmo3adE1"></script>
<script src="/Content/fontawesome?v="></script>

我想知道我是否错过了使用字体的任何步骤。注意。

对于css包，您需要使用@Styles.Render而不是@Scripts.Render

正如Varun提到的，任何绑定的样式都需要输出

@Styles.Render

而不是

@Scripts.Render

也不是说，理想情况下，您不应该在所使用的任何图标实例上方的头部输出样式：

<html>
<head>
@Styles.Render("~/Content/fontawesome")
</head>

<body>
<div class="container body-content">
  <h2>Test</h2>
  <i class="fa fa-star"></i>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)

</body>
</html>

谢谢你的帮助。我把它修好了，但还是不行。但是，如果我用替换它，它会工作。如果您的脚本包正在优化，它可能会崩溃。看看你的代码，你包括了缩小版。我看到脚本包与某些缩小的文件一起崩溃。如果是这种情况，则尝试将未统一的版本添加到捆绑包中，或者为了测试，尝试从Bundleconfig.cs中删除以下行（如果存在）：BundleTable.EnableOptimizations=true；