Glyphicon有时会显示，有时也不显示在我的页面中

Question

我从这个link下载了Bootstrap的v3.1.1。我在我的ASP.NET MVC项目中使用Glyphicon。

我面临的问题是，在我看来，我有时会看到Glyphicon图标，有时它不会加载。我很困惑为什么会这样。这是我的CSS：

<span class="glyphicon glyphicon-circle-arrow-right" style="font-size: 3em;color:grey;"></span>

我做的是，我将bootstrap.min.css放在Content文件夹中，并将Fonts文件夹放在我的项目和外部内容文件夹中。

为什么我这样做，当我把fonts文件夹放在内容中时，根本就没有显示。所以我确实喜欢这个。

项目结构：

项目名称 - ＆gt;内容 - ＆gt; bootstrap.min.css，bootstrap.css

Projectname-＆GT;字体

我的代码：

<table>
    <tr>
        <td>

           <h3> Image <span class="glyphicon glyphicon-circle-arrow-right" style="font-size: 3em;color:grey;"></span></h3>

        </td>
    </tr>
</table>

Answer 1

不要更改默认文件夹结构，否则您可能需要在bootstrap.css中更改网址

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('Content/fonts/glyphicons-halflings-regular.eot');
  src: url('Content/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), url('Content/fonts/glyphicons-halflings-regular.woff') format('woff'), url('Content/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('Content/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

让字体位于内容文件夹下，这是默认的。

除此之外，这是bootstrap中的一个已知问题，特别是如果您下载自定义版本的bootstrap 3。

要获取正确的字体，请转到Bootstrap主页并下载完整的.zip文件。将四个字体文件从那里解压缩到你的fonts目录，一切都应该有效。

Answer 2

这对我有用，我把字体放在测试文件夹下，一切都很好

Answer 3

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

<span class="glyphicon glyphicon-circle-arrow-right" style="font-size: 3em;color:grey;"></span>