Bootstrap glyphicons Firefox 问题 [英] Boootstrap glyphicons Firefox issues
问题描述
我知道还有许多其他问题与此类似,但我的问题似乎不符合其他问题的任何标准.
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.
我的 Bootstrap 3 glyphicons 适用于除 Firefox 之外的所有浏览器.在 Firefox 上,它们显示为奇怪的符号.当从 CDN 提供字形时,同样的问题是臭名昭著的,但这不是我的问题,因为我使用的是本地托管的字体文件.另外,我已经确保我的文件没有损坏.
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.
这是我的代码.
<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>
字形的代码:
<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?
推荐答案
我遇到了这个问题,但是从 CDN 提供 bootstrap css 为我解决了这个问题:
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">
这篇关于Bootstrap glyphicons Firefox 问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!