Boootstrap glyphicons Firefox的问题 [英] Boootstrap glyphicons Firefox issues
问题描述
我知道还有很多类似的问题,但我似乎没有达到其他问题的标准。
My Bootstrap 3 glyphicons正在为除Firefox以外的每个浏览器工作。在Firefox上,它们显示为怪异的符号。这个同样的问题在从CDN服务图标时是臭名昭着的,但这不是我的问题,因为我使用的是本地托管的字体文件。此外,我已经确保我的文件没有损坏。
这是我的代码
< HEAD>
< link rel =stylesheettype =text / cssmedia =allhref =/ assets / css / style.css/>
< / head>
字形代码:
< span class =glyphicon glyphicon-list-alt section-icon>< / span>
我已经确保我的文件得到正确的处理,并确保清除缓存。我不知道我在这里失踪了什么。建议?
我有这个问题,但是从CDN提供bootstrap css解决了我的问题:
< link href =// maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css =stylesheet >
I know that there's many other problems similar to this, but mine doesn't seem to meet any of the criteria of the other issues.
My Bootstrap 3 glyphicons are working for every browser except Firefox. On Firefox, they display as weird symbols. This same problem is notorious when serving the glyphicons from a CDN, but that's not my issue as I'm using locally hosted font files. Also, I've already ensured that my files aren't corrupted.
Here's my code.
<head>
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap-style.css" />
<link rel="stylesheet" type="text/css" media="all" href="/assets/css/style.css" />
</head>
The code for the glyphicon:
<span class="glyphicon glyphicon-list-alt section-icon"></span>
I've already ensured that my files are addressed appropriately and made sure to clear my cache. I can't tell what I'm missing here. Suggestions?
I had this issue, but serving bootstrap css from CDN solved it for me:
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
这篇关于Boootstrap glyphicons Firefox的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!