浏览器不支持引导程序中的字体



我创建了一个基本的 Bootstrap 入门模板,以便尝试各种可用的 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 字体进行渲染,请确保您的链接位于引导程序.css文件之后。

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

Bootswatch模板和核心Bootstrap css引用了字体"Open Sans",但该字体不是系统上的字体。它需要从页面顶部的谷歌网络字体库下载,并带有: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans"/> .完成此操作后,页面将根据Bootswatch模板加载,同时遵循颜色和字体。

最新更新