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

时间:2017-06-15 19:39:18

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

我创建了一个基本的Bootstrap starter template,以便尝试各种可用的bootswatch主题。我注意到当我改变我的bootswatch主题(例如,从“天蝎座”到“雪人”)时,虽然主题的css中指定的颜色在浏览器中被更改,但字体正在改变在Firefox(更新53)或Chrome(第59版);但是,IE 11确实显示了正确的字体。无论我选择哪种bootswatch主题,主题css中的字体都只在IE中受到尊重。

到目前为止,我对答案的搜索已经很短了。我引用了问题“http://stackoverflow.com/questions/23608504/css-code-for-eras-light-itc”,但我不确定这是否是我所反对的,或者是否是我的方式。

2 个答案:

答案 0 :(得分:0)

您使用Google字体呈现Open Sans还是使用Bootswatch主题的字体?如果您通过Google字体进行渲染,请确保您的bootstrap.css文件后链接到它。

另外:如果您正在使用实际网站,请确保您不会受到网站缓存的阻碍(这会导致.css文件显示更改的延迟) 。

答案 1 :(得分:0)

Bootswatch模板和核心Bootstrap css正在引用字体&#34; Open Sans&#34;,但字体不是系统上的字体。它需要从页面顶部的Google Web字体库下载,其中包含: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans"/>。完成后,根据Bootswatch模板加载页面,同时尊重颜色和字体。