【问题标题】:Bootstrap not including any glyphiconsBootstrap 不包括任何字形图标
【发布时间】:2017-01-07 17:27:28
【问题描述】:

第一次使用引导程序。我在 bower.json 文件中的依赖项中添加了“bootstrap”:“3.3.7”,它添加到了我的 wwwroot/lib 文件夹中,但我知道它应该在 bootstrap 目录中包含一个 fonts 文件夹,但它不存在。我尝试从他们的网站下载 bootstrap.zip 文件,提取该文件,然后将该下载中包含的字体文件夹添加到我的引导目录中,但它仍然无法正常工作。我尝试在 bootstrap.css 文件中查找字形图标的@font-face,但没有。我只是在学习如何将所有内容实现到 ASP.Net Core 应用程序中,所以我是这些技术的新手。

【问题讨论】:

  • 使用 chrome 调试器或任何浏览器调试器,查看网络流量,看看它是否在请求字体以及是否能够找到它。这会给你一个想法。
  • 好的,我这样做了,当我检查元素并转到网络和字体时,什么都没有
  • 什么都没有是什么意思?在网络选项卡上,您需要刷新页面并查看浏览器是否发送请求以获取字体并查看对该请求的响应是什么。
  • 对不起,不是很清楚,它没有对字体提出任何要求

标签: css asp.net-mvc bower glyphicons bootstrapper


【解决方案1】:

我认为@font-face 是在fontawesome 中定义的。此外,除非您至少有一个使用该字体的 html 元素,否则不会请求它。所以你需要在样式规则中使用字体(@font-face 不算在内)。

因此,请下载 fontawesome,然后在您的 html 中添加一个元素,然后将请求该字体。比如这样的一个元素:

<span class="glyphicon glyphicon-asterisk"></span> 

【讨论】:

  • 好的,我下载了 font-awesome 并将其放入我的项目中,然后我将 font-awesome.css 的链接添加到我的 .cshtml 页面中。我最初在 标记中具有相同的元素,我将其更改为 span,也没有工作。也仍然没有对字体提出任何请求
  • @NoahHornak 它仍然无法正常工作?您能否更具体地说明什么不起作用。
  • 我编辑了我的评论。它只是没有对字体提出任何请求。在 font-awesome.css 中,它有一个 @font-face,但它不包含对文档中字形图标的任何引用,如果有帮助的话。
  • 你把上面的span放到你页面的html里了吗?
  • 是的,我做到了,在我的浏览器页面上仍然没有元素的迹象,当我检查和刷新时仍然没有请求字体
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-15
  • 1970-01-01
  • 1970-01-01
  • 2015-07-11
  • 2015-05-30
  • 1970-01-01
相关资源
最近更新 更多