Question

这是我第一次在ASP.NET MVC 5项目中使用FontAwesome。以下是各种文章，这就是我所做的：

使用Nuget Manager，下载了FontAwesome软件包。
在RegisterBundles（）方法中添加了以下行：

bundles.Add(new StyleBundle("~/Content/fontawesome").Include( "~/Content/font-awesome.min.css"));

在_Layout.cshtml中添加了使用此捆绑包的逻辑：

@Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/bootstrap") @Scripts.Render("~/Content/fontawesome") // Added this line @RenderSection("scripts", required: false)

这是我的简单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>

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

Answer 1

您需要使用@ Styles.Render代替@ Scripts.Render来获取css包。

Answer 2

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

@Styles.Render

而不是

@Scripts.Render

也不是理想情况下你应该在你正在使用的任何fontawesome图标的实例上方输出你的样式：

<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>

无法让FontAwesome在Razor中工作

2 个答案: