2015-08-15 87 views
0

我对glyphicons相当陌生,想弄清楚是什么让他们如此气质。我在几个网站上有他们,我经常发现一个特殊的图形不会显示,或者有时候不会在特定的网站上显示图形。关于Glyphicon Bug的建议?

我的HTML看起来像这样:

<li><a href="/topics/vertebrate-physiology" title="Vertebrate Physiology">5. Vertebrate Physiology <span class="glyphicon glyphicon-eye-open" style="font-size: 125%; color: #fff;"></span></li> 

奇怪的是一切工作正常,当我连接到网上的样式表@https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css

但是,如果我复制的样式从到的文件我的电脑上有相同的名称并将其链接,但它不起作用。我确认我与它正确关联。

所以它看起来像我只能在我的本地网站上使用glyphicons,如果我链接到在线样式表。为什么我不能使用本地样式表?

回答

2

问题出在于字体的相对路径。看着https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css,你可以看到:

url(../fonts/glyphicons-halflings-regular.ttf) 

Fonts文件夹是相对的CSS文件,该文件是https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css所以,它的正确下载。

它不适用于您的本地,因为您的本地Web服务器上缺少字体文件夹。如果你想让它在你的本地工作,你还必须下载字体文件夹,并把它放在正确的文件夹相对于你的bootstrap.css

+0

实际下载引导的最佳方式,我有一个字体文件夹,但必须是在错误的位置。我会移动它,或更改样式表中的路径。谢谢。 –

0

这是因为你没有字体文件夹在预期的地方..在你的搜索下载的文件为../fonts/,你会明白。

here