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

Question

我创建了一个基本的 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”，但我不确定这是我遇到的问题还是我遇到的其他问题。

Answer 1

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

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