css - 浏览器不支持 Bootstrap 中的字体

标签 css internet-explorer firefox twitter-bootstrap-3

我创建了一个基本的 Bootstrap starter template为了试验各种可用的 bootswatch 主题。我注意到,当我更改我的 bootswatch 主题时(例如,从“cerulean”到“yeti”),虽然在浏览器中更改了主题的 css 中指定的颜色,但字体没有更改在 Firefox(更新 53)或 Chrome(版本 59)中;然而,IE 11 确实显示了正确的字体。无论我选择什么 bootswatch 主题,主题的 css 中的字体仅在 IE 中得到尊重。

到目前为止,我对答案的搜索很短。我已经提到了问题“http://stackoverflow.com/questions/23608504/css-code-for-eras-light-itc”,但我不确定这是我遇到的问题还是我遇到的其他问题。

最佳答案

您是使用 Google 字体呈现 Open Sans 还是您的 Bootswatch 主题的字体?如果您通过 Google 字体呈现,请确保指向它的链接出现在您的 bootstrap.css 文件之后。

此外:如果您使用的是实时站点,请确保您不会受到站点缓存的阻碍(这可能会导致 .css 文件更改显示延迟)。

关于css - 浏览器不支持 Bootstrap 中的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44575648/

相关文章:

html - 表格单元格内的 css 绝对位置除 Firefox 外无处不在

javascript - 将 div 向下滑动到页面中间

javascript - 如何将 "child.vue"加载到正确的 "parent.vue"位置

javascript - JQuery Attr 可见,不适用于 IE7 或更低版本

javascript - 为什么 IE 会破坏 window.ABC 变量?

javascript - contentEditable 和 lastChild IE、Firefox 和 Chrome LastChild

css - 如何防止单边边框环绕边框半径?

jquery - 我已经构建了 jQuery 动画图像。动画 jQuery 在第二次点击时不起作用

html - Firefox 和 Windows 中的 CSS 水平菜单问题

Java-Applet 将不会在 Firefox 中释放焦点