Glyphicon没有显示内部按钮

时间:2015-04-15 16:58:20

标签: asp.net-mvc twitter-bootstrap fonts glyphicons

我在其中添加了一个带有glyphicon的按钮。

<button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-star" aria-hidden="false"></span> Star
</button>

我看到按钮但没看到里面的字形。也许我的字体文件不在正确的位置,我也可能更新了bootstrap而不是字体文件(会不会导致字形显示?)。当我在VS中创建它时,我还没有真正触及项目中包含的文件夹结构或字体文件。

这是我的引导程序和字体文件的文件夹结构。它基本上是Visual Studio为ASP.Net MVC项目类型设置的默认结构。 问题 - 如果这不是正确的文件夹结构来访问字体文件那么为什么默认情况下会这样创建?

enter image description here

2 个答案:

答案 0 :(得分:1)

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-star" aria-hidden="false"></span> Star
</button>

答案 1 :(得分:0)

我的@ font-face路径看起来像这样。

  

URL(&#34; ../字体/引导/ glyphicons-半身-regular.eot&#34);

但我的字体文件夹在

../字体/文件

所以我添加了一个bootstrap文件夹,现在它可以工作了。不知道为什么这可能是因为我更新了一些引导文件而没有更新字体文件。