Glyphicon没有显示内部按钮

问题描述 投票:0回答:2

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

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

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

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

asp.net-mvc twitter-bootstrap fonts glyphicons
2个回答
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>

0
投票

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

URL( “../字体/引导/ glyphicons-半身-regular.eot”);

但我的文件夹与我的字体文件在

../fonts/files

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

© www.soinside.com 2019 - 2024. All rights reserved.