【问题标题】:Glyphicons from bootstrap 3 not rendering on Firefox引导程序 3 中的字形图标无法在 Firefox 上呈现
【发布时间】:2021-11-07 22:00:45
【问题描述】:

我将 bootstrap 3 用于 Web 应用程序。 一切都可以在我的电脑(Chrome、IE 和 Firefox)上运行,但我的一位客户看不到 glyphicon。

我首先认为问题出在我的 css 上,但客户端在 getboostrap.com 上看不到任何字形图标 该问题仅存在于 Firefox 中。在 Chrome 和 IE 上它可以工作。

我检查了 Firebug 的网络选项卡,但找不到单个字体文件下载...

有人有办法解决我的问题吗?

【问题讨论】:

    标签: twitter-bootstrap firefox twitter-bootstrap-3


    【解决方案1】:

    检查您的所有字体是否存在并在您的字体目录中正确上传,另请参阅:Bootstrap 3.0 and Font Awesome、.eot、.woff、.ttf、.svg。如果其中一个损坏或丢失,它将无法在某些浏览器上运行:

    文件:

    css/bootstrap.css
    fonts/glyphicons-halflings-regular.eot  
    fonts/glyphicons-halflings-regular.svg  
    fonts/glyphicons-halflings-regular.ttf  
    fonts/glyphicons-halflings-regular.woff
    

    【讨论】:

    • 我检查了链接,它适用于其他人。我不明白的是,网站 getbootstrap.com 无法在 ffirefox 上运行(见截图)
    • 屏幕截图表明他们的 Firefox 设置通常是覆盖字体。 support.mozilla.org/en-US/kb/…
    • @BassJobsen 感谢您的链接。这是解决方案!
    • 我们如何在默认情况下启用它们,而无需用户单独调整他们的 firefox 设置?
    猜你喜欢
    • 2015-07-05
    • 2017-10-20
    • 2013-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-12
    • 2015-04-21
    • 1970-01-01
    相关资源
    最近更新 更多