Css 在Chrome中显示为常规粗体的额外粗体字体

我正在尝试使用此字体，打开Sans Extra Bold:

由于某种原因，我无法让它显示出来

有什么帮助吗

JSFiddle：

@导入url（'https://fonts.googleapis.com/css?family=Open+Sans:400700800’；
div{
字体大小：90px；
字体系列：开放式SAN；
文本转换：大写；
}
.正常{
字体大小：400；
}
.bold{
字号：700；
}
.加粗{
字号：800；
}

博客
博客
博客

修复谷歌字体提供的不正确的@import代码

他们提供的导入代码也给我带来了问题，在他们更新整个谷歌字体页面之前，它没有“-标记，所以他们在更新过程中破坏了代码

几个月前，当他们没有将代码包装在（）中时，我发出了一个热修复请求，这当然也不起作用。他们修复了它，但留下了“-标记，所以它对一些人有效，但肯定不是所有人都有效

因此，去除这些标记，它应该可以正常工作：

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);

而不是

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');

我还建议使用正确的

字体系列

标记：

font-family: 'Open Sans', sans-serif;

---

在Firefox中似乎可以正常工作，但在Chrometh中却不行这在ChromeSeems中可以正常工作在Chrome54上。请尝试清除缓存并重新加载。我认为这会起作用。我正在使用Chrome 55，700和800为我显示相同的内容。没有任何更改。更改后是否尝试使用Ctrl+F5刷新页面？添加了一个额外的修复程序（作为编辑），使您的

字体系列

属性更加正确。最新版本的Chrome似乎比以前的版本更能弥补这些小错误。是的，我也注意到了这一点。更改了导入和字体系列，但在按住Ctrl键后仍然得到错误的结果，这很奇怪。我也在使用最新版本的Google Chrome，对我来说，它可以与这些补丁一起使用。您确定以后在您的项目中没有覆盖这些CSS样式吗？