Boootstrap glyphicons Firefox的问题 [英] Boootstrap glyphicons Firefox issues

查看:156
本文介绍了Boootstrap glyphicons Firefox的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我知道还有很多类似的问题,但我似乎没有达到其他问题的标准。

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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆