【问题标题】:How to Link FontAwesome.css via MVC4 Razor [duplicate]如何通过 MVC 4 Razor 链接 Font Awesome.css [重复]
【发布时间】:2015-01-08 14:33:28
【问题描述】:

我有 MVC4 网络应用项目,我想使用 http://fortawesome.github.io/Font-Awesome/

我在 Content 目录中有 font awesome 文件夹,在我的布局文件中有这个

<link href="@Url.Content("~/Content/font-awesome-4.2.0/css/font-awesome.min.css")" rel="stylesheet" />

或者这个

<link href="~/Content/font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet" />

在调试中它可以工作,但是在 iis 服务器上上传后它不起作用(编辑:我的意思是它不显示图像),我该如何实现那个 .css?我正在使用 Razor。

编辑:我发现了一些奇怪的行为。在 VS 的调试模式下,IE 加载 CSS 很好。

在 IIS 上部署后,IE 无法加载 CSS。但是 Chrome 确实会加载 CSS ! 我在几台 PC 上检查它并删除历史记录和缓存,所以现在应用程序用户正在使用 Chrome 访问该应用程序:-P

【问题讨论】:

  • 您需要详细说明“在iis服务器上上传后它不起作用”。它怎么不工作?它会抛出错误,还是渲染错误的内容,或者根本没有内容?
  • 它不显示字体,没有错误。
  • 它是否在标记中呈现 元素?在服务器上呈现的 href 属性是什么?
  • 它渲染 其他 .css 文件工作.
  • 当您导航到服务器上的那个文件时,它是否存在?如果是这样,您在标记中的哪个位置应用了 fontawesome css 样式?

标签: asp.net-mvc-4 razor font-awesome


【解决方案1】:

AppStart-> BundleConfig 在RegisterBundle() 函数中添加一个新包

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

那么在您看来,只需包含此捆绑包。

 @Styles.Render("~/Content/AwFontcss")

【讨论】:

  • 您好,谢谢,但是如果我在 AppStart 目录中没有 BundleConfig,我应该手动创建它吗?
  • 那么基本的 css 是如何加载的呢?您可以创建自己的.. 您必须在 global.ascx 中注册它
  • 我只有一个简单的 Default.css,它加载了 属性,我没有捆绑的经验,我正在阅读它,我知道,它对我来说就像大象一样,但我不知道其他方式:P
【解决方案2】:

您最确定的问题是您的字体文件未部署到服务器。 默认情况下,VS 部署不包含这些文件。

您可以检查服务器中 Content 文件夹的内容...如果文件丢失...只需手动复制它, .

【讨论】:

  • 感谢您的提示,但我在项目中看到它,部署后文件在服务器上。
  • 在浏览器中键入该文件的 url 并检查它是否正在呈现。可能存在权限问题。
  • URL 没问题,但我担心 .css src:url('../fonts/fontawesome-webfont.eot?v=4.2.0') 这不起作用
  • 为该字体使用 CDN
  • 在 Chrome 中它可以工作,在 IE 中也可以在调试模式下工作,只有在 IE 中它不会:P
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-13
  • 2012-09-13
  • 1970-01-01
  • 2012-07-26
  • 1970-01-01
相关资源
最近更新 更多